问题标签 [webpack-4]

Just upgraded to Webpack 4 and when building my server side code with mode:'production'.I get this MySQL Error: Received packet in the wrong sequence.

How can you prevent such mangling from happening?

我有一个 TypeScript 项目，它使用节点包和 webpack 来编译和捆绑。

我的文件夹结构是；

我的 webpack 配置看起来像；

然后生成 2 个文件；bundle.js这是我所有的代码，vendor.bundle.js也是编译和捆绑的所有 node_packages。

目前，这平均需要 9 秒才能完成。这是该项目处于非常早期阶段的情况。我担心的是，随着项目的发展，等待时间会增加。

有没有办法缓存它，vendor.bundle.js所以每次运行时都不会编译和捆绑它webpack？

我的配置中有以下内容：

当我在 uglifyOptions 中将 'compress' 更改为 true 时，出现运行时错误。当 webpack 尝试优化已经压缩和缩小的第三方库时，就会出现这些错误。如何将其排除在优化之外？

更新：根据 Sin 的回答和自述文件，将配置中的优化部分更改为以下内容：

这也不起作用=（还有其他想法吗？

我正在尝试从 webpack 3 迁移到 webpack 4。

我遇到的问题是 CommonsChunkPlugin，当我尝试运行 webpack ( npm run webpack-dev-server -- --config config/webpack.dev.js) 时，出现以下错误：

是什么导致了这个问题？

我查看了webpack github上的更改日志，发现CommonsChunkPlugin已经被移除了

但是当我查看webpack 文档时，我可以找到 4.1.1 版的 CommonsChunkPlugin

我的直觉告诉我它CommonsChunkPlugin已被弃用，我们应该使用optimization.splitChunks.

有没有人遇到过这个问题并找到了从版本 3 迁移到 4 的好教程？

在尝试升级 Vue 应用程序以使用 Webpack 4 时，我遇到了一个我不明白的错误。

这是我的 webpack 基本配置的样子；

我已将生产文件编辑为如下所示。

我面临的错误对我来说很难理解。我在谷歌上搜索过，并没有找到解决方案。我还检查了 webpack 文档，但在这方面无法获得任何帮助。我可能做错了什么？

这是我得到的错误。

谢谢。

我是 webpack 的新手。我的情况是：我尝试使用 webpack 来管理 hello.js 文件。

你好.js

包.json

当我使用

我在 webstorm 终端中遇到错误

我一直无法让我的测试 jasmine 测试套件与 webpack 4 一起运行。升级 webpack 后，几乎每个测试都会出现以下错误：

这是由于我们用来为简单函数创建间谍的常见模式是：

我玩过，module.rules[].type但似乎没有一个选项可以解决问题。

这个 webpack GH 问题表明 ECMA 模块是不可写的，这对 web 是有意义的，但是真的没有测试的解决方法吗？

相关软件包版本：

当使用 Webpack 4 编译时（使用MiniCssExtractPlugin代替ExtractTextPlugin），我有一段时间获得某些组件的默认样式（即带有图标和对话框的按钮）来显示。

升级到 Webpack 4 时有其他人发现这种情况吗？

带注释的屏幕截图

我想加载我的 css 文件。

在我的组件内部：

我正在使用 'style-loader'、'css-loader' 但我收到以下错误消息：

我的 webpack.config.js：

我的样式.css：

...

更新：

我的 webpack.config.js：

我有延迟加载和 webpack 的问题。

有一个 Sean Larkin 的视频展示了使用 webpack 4 创建延迟加载包是多么容易（这里）。但是当我尝试用打字稿来做这件事时，我遇到了一些问题。

和

当我在没有任何 webpack 配置的情况下运行它并将文件命名为“.js”时，我得到一个主块和一个用于延迟加载模块的小块。

但是当我使用简单的 webpack 配置将它作为“.ts”文件运行时，我只得到“main.js”文件，没有额外的块。

和

有什么需要配置的吗？将“js”文件导入“ts”文件到底有什么区别？