问题标签 [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 投票
0 回答
6775 浏览

webpack - Moving to Webpack

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

0 投票
4 回答
9053 浏览

javascript - 包裹构建命令不起作用

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

我的文件结构

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

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

可能出了什么问题?

0 投票
1 回答
13361 浏览

jquery - How do I use jQuery and jQuery-ui with Parcel (bundler)?

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:

0 投票
1 回答
1126 浏览

javascript - 在构建工具`parcelJs`中如何导出到全局

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

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

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

0 投票
1 回答
499 浏览

javascript - 在构建工具`parcelJs`中:生成的代码无法运行

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

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

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

0 投票
1 回答
2915 浏览

parceljs - Parcel Bundler:从 node_modules 导入 scss 文件而不指定完整路径?

目前,我像这样导入 scss 文件:

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

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

0 投票
1 回答
3469 浏览

javascript - 在 Parceljs 中暴露环境?

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

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

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

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

0 投票
1 回答
1934 浏览

javascript - 为什么我的 .vue 组件未定义?

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

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

IDE

main.js

欢迎.vue

包.json

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

0 投票
1 回答
1205 浏览

javascript - Gulp 4 browserSync 与 Pug 和 Parceljs 任务并行并行

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

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

问题

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

操作系统:Windows 10

谢谢!!

Gulpfile.js 内容:

0 投票
2 回答
135 浏览

javascript - ParcelJS 只重建一次

我在我的宠物项目中使用 ParcelJS(最新的 - 1.4.1 版本)并具有基本配置:

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