问题标签 [parceljs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
647 浏览

javascript - 摇树:捆绑包中是否包含未使用的功能?

像 Webpack 或 Rollup 这样的现代打包工具是否只删除未使用的模块,或者它们也能够删除模块内未使用的函数(或变量、类)?

搜索了该主题,但一无所获。

PS我没有使用捆绑器的经验(除了零配置包裹),但我制作的库需要回答这个问题。

0 投票
1 回答
2077 浏览

reactjs - Parcel + Babel 没有从 node_modules 转换 ES6?

尽管预设是自动安装的,但我似乎无法让 Babel 与 Parcel 一起使用。它在本地和 Chrome 中工作,但它没有转换 node_modules es6 文件,所以输出仍然有const/let/...,并且无法在 Safari 中运行。

.babelrc

(我也试过envreact)。

package.json 脚本

为什么会这样?

完整的 package.json (注意这是在为了让它工作而搞砸之后)

const仍然使用,获取 .js 文件let。有什么我想念的想法吗?

0 投票
2 回答
4346 浏览

babeljs - 如何在包裹中使用服务人员?

我有一个来自我的服务人员js/index.js

和我的根目录中的 sw.js:

被 babelized 并通过 parcel 放入 dist 文件夹。当它构建完成并转到 时localhost,我打开 chrome 工具并进入应用程序选项卡。我进入缓存存储选项卡,然后: 缓存存储只有一个标题,说缓存存储。 还有一个控制台错误显示 ReferenceError: regeneratorRuntime is not defined 发生了什么事?为什么我的网站没有像PWA 教程中那样得到很好的缓存?它不应该是这样的吗: 我没有的缓存文件的好表?当然,我正在通过 babel 运行所有内容,但为什么它不起作用?

提前致谢!

0 投票
0 回答
395 浏览

javascript - 包裹中间件

我在使用 parcel 的中间件时遇到问题。

它总是说“未找到条目”!

我究竟做错了什么?

这是代码:

0 投票
0 回答
856 浏览

javascript - 在 SSR React App 中导入图像时出错:“SyntaxError: Invalid or unexpected token �PNG”

我正在尝试使用简单的快速服务器运行 SSR React (16.3.0) 应用程序。构建并运行后babel-node server.js出现有关导入的 PNG 文件的错误:

/home/dev/test/src/assets/bg.png:1 (函数 (exports, require, module, __filename, __dirname) { �PNG ^

这是我的 server.js:

对于捆绑,我使用的是 Parcel。如何导入图像而不会出现此错误?

编辑:图像以这种方式导入:

import bgHeader from '../assets/bg.png'

0 投票
0 回答
32 浏览

javascript - 能够处理 Symbol.iterator 和 for of 的 babel 和 parcel 所需的最低插件和设置

我有以下玩具程序来了解 es6 功能。使用包裹和通天塔。Symbol.iterator获得和for of工作的最低插件要求是什么。我尝试组合多个插件但没有成功。我找到的唯一解决方案是

我为我的 .babelrc 找到的唯一解决方案是:

但这并不令人满意,我想知道哪些插件真正处理这些。

0 投票
2 回答
621 浏览

javascript - package.json 的构建脚本

我有以下文件夹结构

我正在使用parceljs转换.js文件

中的脚本package.json如下所示

当我运行时npm run buildserver.js不会被转译。

如果我将构建脚本更改为以下内容,则文件module夹中的文件不会被转译

任何指导,以便我可以.jssrc级别以及所有嵌套文件中转换文件?

0 投票
1 回答
217 浏览

typescript - Electron TypeScript Parcel 第二个 BrowserWindow

我正在创建第二个 BrowserWindow 并加载一个 html 文件。HTML 文件指向一个 TypeScript 文件。因此,它给出了错误。如何告诉 parcel 将该文件转换为 js 并在主进程中加载​​ url?

0 投票
1 回答
260 浏览

typescript - Preact:重新加载时有时会出现空白页面

我对 Preact 和 TypeScript 很陌生,并且使用parcel-preact-typescript-boilerplate.

到目前为止一切正常,但我意识到,在重新加载时,我有时会得到一个空白页面。打开页面时也会不时发生这种情况。空白页是指我的Hello组件不会在document.body. 但是,当我在 Google Chrome 中禁用缓存时不会发生这种情况,当我在 Firefox 中禁用缓存时仍然会发生这种情况。

我认为造成这种情况的原因可能是我的代码更改和介绍,但是在克隆parcel-preact-typescript-boilerplate并开始使用它时,npm run start我最终会遇到同样奇怪的行为。

这可能是什么原因?

索引.html:

索引.tsx:

包.json:

tsconfig.json:

编辑:玩了一会儿后,我意识到在使用 parcel 构建所有内容并通过preact serve dist/preact watch dist/index.html而不是启动应用程序后不会出现问题parcel index.html

0 投票
2 回答
7338 浏览

parceljs - 有没有办法像在 Webpack 中一样在 Parcel 中代理请求?

在 Webpack 中,可以通过proxy配置文件中的设置来代理后端请求。这允许我使用带有 HMR 的 webpack-dev-server 开发我的应用程序的前端部分,而 webpack-dev-server 和我的应用程序服务器在我的本地主机上的不同端口上运行。Parcel 中还有一个开发服务器,默认命令parcel index.html在端口 1234 上运行。有没有办法同时运行 Parcel 开发服务器和对我的应用服务器的代理请求?

我找到了一个建议为此使用 Express 中间件的解决方案。但这并不能完全干净地解决问题。如果我的后端运行 Django 怎么办?那么我应该如何使用 Parcel 开发服务器呢?