问题标签 [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.
javascript - 摇树:捆绑包中是否包含未使用的功能?
像 Webpack 或 Rollup 这样的现代打包工具是否只删除未使用的模块,或者它们也能够删除模块内未使用的函数(或变量、类)?
搜索了该主题,但一无所获。
PS我没有使用捆绑器的经验(除了零配置包裹),但我制作的库需要回答这个问题。
reactjs - Parcel + Babel 没有从 node_modules 转换 ES6?
尽管预设是自动安装的,但我似乎无法让 Babel 与 Parcel 一起使用。它在本地和 Chrome 中工作,但它没有转换 node_modules es6 文件,所以输出仍然有const/let/...
,并且无法在 Safari 中运行。
.babelrc
(我也试过env
和react
)。
package.json 脚本
为什么会这样?
完整的 package.json (注意这是在为了让它工作而搞砸之后)
const
仍然使用,获取 .js 文件let
。有什么我想念的想法吗?
babeljs - 如何在包裹中使用服务人员?
我有一个来自我的服务人员js/index.js
:
和我的根目录中的 sw.js:
被 babelized 并通过 parcel 放入 dist 文件夹。当它构建完成并转到 时localhost
,我打开 chrome 工具并进入应用程序选项卡。我进入缓存存储选项卡,然后:
发生了什么事?为什么我的网站没有像PWA 教程中那样得到很好的缓存?它不应该是这样的吗:
?当然,我正在通过 babel 运行所有内容,但为什么它不起作用?
提前致谢!
javascript - 包裹中间件
我在使用 parcel 的中间件时遇到问题。
它总是说“未找到条目”!
我究竟做错了什么?
这是代码:
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'
javascript - 能够处理 Symbol.iterator 和 for of 的 babel 和 parcel 所需的最低插件和设置
我有以下玩具程序来了解 es6 功能。使用包裹和通天塔。Symbol.iterator
获得和for of
工作的最低插件要求是什么。我尝试组合多个插件但没有成功。我找到的唯一解决方案是
我为我的 .babelrc 找到的唯一解决方案是:
但这并不令人满意,我想知道哪些插件真正处理这些。
javascript - package.json 的构建脚本
我有以下文件夹结构
我正在使用parceljs转换.js
文件
中的脚本package.json
如下所示
当我运行时npm run build
,server.js
不会被转译。
如果我将构建脚本更改为以下内容,则文件module
夹中的文件不会被转译
任何指导,以便我可以.js
在src
级别以及所有嵌套文件中转换文件?
typescript - Electron TypeScript Parcel 第二个 BrowserWindow
我正在创建第二个 BrowserWindow 并加载一个 html 文件。HTML 文件指向一个 TypeScript 文件。因此,它给出了错误。如何告诉 parcel 将该文件转换为 js 并在主进程中加载 url?
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
parceljs - 有没有办法像在 Webpack 中一样在 Parcel 中代理请求?
在 Webpack 中,可以通过proxy
配置文件中的设置来代理后端请求。这允许我使用带有 HMR 的 webpack-dev-server 开发我的应用程序的前端部分,而 webpack-dev-server 和我的应用程序服务器在我的本地主机上的不同端口上运行。Parcel 中还有一个开发服务器,默认命令parcel index.html
在端口 1234 上运行。有没有办法同时运行 Parcel 开发服务器和对我的应用服务器的代理请求?
我找到了一个建议为此使用 Express 中间件的解决方案。但这并不能完全干净地解决问题。如果我的后端运行 Django 怎么办?那么我应该如何使用 Parcel 开发服务器呢?