问题标签 [parceljs]

9 months ago I was struggling with Webpack One:

[ Switching from Gulp to Webpack ]

UPDATE 30.04.20

I have to update this because now everything is a different picture, everything, as you know, evolves very fast in the web programming world, with parcel, rollup. and webpack now you can experiment with a lot of different module bundlers.

Now I will just recommend this starter pack for any JS Webpack. I really appreciate the help and constant updates of Brian Staruk, this has helped us in all of my projects and the project of the company that I work for.

https://github.com/bstaruk/starbase

========================================

UPDATE 24.07.17 || v1

We succeed finally, it was a simple syntaxis problem:

UPDATE 20.07.17 | v0.1a | This part contain our first tryouts without success

So far, I have this:

And We got this Warnings and Errors:

I thought something was wrong with cssnext so I decide to add a postcss.config.js

with:

But I keep getting this errors and warning.

What do you suggest?

----

Thank you

我正在按照Parcel的基本教程来捆绑 js、css 和图像文件。

我的文件结构

当我运行parcel ./src/index.html服务器并正确显示网站时。根据教程，您可以使用parcel build index.js. 我希望得到这个输出：

但是，运行后parcel build index.js我得到了这个输出：

可能出了什么问题？

I installed jquery(3.2.1) and jquery-ui-dist(1.12.1) via npm. (they're not included as script tags in html)

In client script I use:

Webpack有一种方法可以将输入文件上的所有部分配置为exportgloabl 对象，就像您对 lib 所期望的一样（例如，moment.js 或 jQuery）

但看起来新的构建工具parcel无法做到这一点。据我可以在文档中阅读。但我很想念一些东西，因为在我看来它是基本特征。

那么如何export将入口文件上的所有内容作为全局对象？

当 parcel 编译我的代码时，它构建的 js 文件是这样开始的：

该代码无法运行，因为它尝试在require没有var|let|const“使用严格”模式的情况下定义变量。

所以我的问题是：为什么它会生成这样的错误代码？

目前，我像这样导入 scss 文件：

但是，在 Laravel Mix 中，我了解到我可以像这样导入文件，而无需指定./node_modules：

无论如何我可以在 ParcelJS 中做到这一点？

我试图在使用Parcel.js构建时公开一个变量，类似于Webpack DefinePlugin但我还没有找到如何去做。

在开发中，我希望我的 API 主机与我的生产主机不同，所以：

目前 Parcel 支持module.hot开关，我可以滥用它，因为热模块重新加载仅在开发中启用，但如果有更好的方法来实现这一点会很好。

我也可以检查 if window.location.hostnameis localhost，但这是一种解决方法。

我正在使用parcel-plugin-vue从文件中编译最简单的 .vue 组件。

编译运行，没有错误，但在我的浏览器中显示一个空白页面，没有写入。我可以在我的 main.js 文件中看到 import .vue 组件在运行时未定义。请问这是为什么？

main.js

欢迎.vue

包.json

编译我正在运行./node_modules/.bin/parcel index.html

所以基本上我要做的是让浏览器在使用browserSync的文件发生变化时刷新，编译Pug模板，然后Parceljs进行捆绑。而Gulp就是要留意变化。

总体目标是静态网站/页面。

问题：

如果包裹构建失败。browserSync 退出。手表停止。

操作系统：Windows 10

谢谢！！

Gulpfile.js 内容：

我在我的宠物项目中使用 ParcelJS（最新的 - 1.4.1 版本）并具有基本配置：

默认情况下，ParcelJS 应该在每次更改后重建我的项目文件。确实如此，但是……只有一次。第一次更改后，它会重建更改的文件，但它是最后一次重建。有没有人有类似的问题？你我怎么能解决这个问题？