我想添加带有 require 语句的图像。

但我收到以下错误：

找不到模块“../../../assets/skillName.png”

我使用构建应用程序parcel-bundle，但我不使用webpack.
图像的路径是正确的，因为如果我使用静态链接，它工作得很好：

我正在使用一个使用老式技术（jQuery 和直接 DOM 操作）构建的前端应用程序，我想将其移至 ES8 和 React。由于这是一个相当大且复杂的应用程序，因此这一举措必须是渐进的，这意味着遗留代码和 React 代码将不得不并存一段时间。

遗留代码使用需要继续工作的自制“模块加载器”。我一直在研究使用 Webpack 及其配置选项libraryTarget: 'var'，它基本上将每个入口点输出到一个全局变量中。这可行，但 Webpack 的性能（构建时间）不够好，所以我一直在考虑使用 ParcelJS。

是否有可能用 ParcelJS 实现类似于 Webpack 的libraryTarget: 'var'东西？基本上，在“遗留 HTML 文件”（通常是服务器生成的，可能包含我需要传递给 ES8 模块的数据）中，我希望能够按照以下方式做一些事情

请注意，我无法将我的 HTML 文件作为 ParcelJS 的入口点传递，因为它们包含对使用自制模块加载器的 Javascript 文件的引用，这与 ParcelJS 不兼容。我只想将 ES8 模块作为 ParcelJS 的入口点传递，并将它们与 home brew 模块加载器一起使用。

编辑：澄清旧版 HTML 实际上是服务器生成的。

ParcelJS 开箱即用地处理 sass 真是太好了，但我遇到了一个问题，当它在我的 scss 文件中遇到一个 url 时，它会不断抛出异常。我猜 Parcel 正在尝试定位资源并重写 url。我不希望 Parcel 这样做。反正有没有禁用这个？我只希望它编译 sass 并将任何 url 单独保留在那里。

这是我第一个用作捆绑react器的项目parcel。在我开始集成之前，我一直喜欢开发服务器的速度和易用性react-css-modules。老实说，我不确定是什么导致了我的错误，所以这里的任何见解都将不胜感激。

在我的终端中，hot-module-replacement正在无错误地触发。保存任何更改时，我可以在几毫秒内重建我的应用程序。实际上，浏览器会更新对 css 的任何更改，但功能会因javascript错误而被杀死：

我已经追溯到我的电话ReactDom.render()

我不确定这是否是我的配置错误，是否需要在github. 任何帮助表示赞赏。

index.js

.babelrc

.postcssrc

我正在尝试使用 parceljs 导入数据表（连同 jquery 和 moment）。

我在这个答案中使用了解决方法来导入 jquery。

这是我的文件：

在 index.html 中：

在 index.js 中：

在控制台中，我看到了这个错误：

错误来自flows.js：

请帮忙。

我正在尝试 web application bundler parcel 并按照Github描述进行操作。我的 html 和 javascript 文件如下。

我parcel index.html给出以下错误，

events.js:160 抛出 er；// 未处理的“错误”事件 ^

索引.html

下面是 index.js 文件：

我使用 Vue.js + TypeScript + Parcel 进行了演示，并async/await在index.ts中尝试。

索引.html

索引.ts

执行parcel index.html并打开http://localhost:1234/。控制台报错：regeneratorRuntime is not defined

似乎async语法需要polyfill？

这是我的tsconfig.json：

我想知道在 Angular 4+ 版本中我应该用 Parcel 替换 Webpack 有什么充分的理由吗？我的意思是 Angular 团队有很多专门针对 Webpack 的配置，我想知道这是否值得？会不会有无法替代的功能？为什么我应该或不应该这样做？

生殖示例回购

module_esnext_import_image

如何重现

然后，查看dist文件夹内部。您应该会看到类似的内容，src.7753e686.png而不是1.some-random-id.png（文件名以 开头1）。

由于我要导入的图像是1.png，因此文件名也应以 开头，1以便图像链接自index.html. 但是，由于生成的图像文件以dist开头src，因此图像链接中断。

我对代码做了很多更改，以找到这个问题的核心，并且似乎发生这种情况时

1. tsconfig.json 编译器选项->“模块”：“esnext”
2. 使用 react-loadable
3. 在加载的组件中导入图像

如果我更改 tsconfig.json compilerOptions -> "module": " commonjs"，那么它似乎工作正常。

我想知道是否有人知道为什么会这样。

webpack 和 parcel 的优缺点是什么

网页包：

https://webpack.js.org

包裹：

https://parceljs.org