为什么我的 webpack-serve 构建速度比 webpack-dev-server 慢得多？答案

【问题标题】：Why is my webpack-serve building so much SLOWER than webpack-dev-server?为什么我的 webpack-serve 构建速度比 webpack-dev-server 慢得多？
【发布时间】：2023-03-07 14:25:01
【问题描述】：

我发现webpack-serve 的构建时间比webpack-dev-server 要长得多。我同时设置了它们，如下图所示。 -serve 初始构建所需的时间是原来的两倍，而简单的热构建则需要大约 10 倍。它们都以相同的方式设置，使用代理从真实服务器提供非 webpack 的内容。除此之外，都是默认设置。

如果 webpack-serve 与 wds 相比应该是“闪电般快”，为什么我的要花这么长时间？

【问题讨论】：

我忘了提：我遇到的另一个问题是，使用 WDS，页面是热重新加载（不刷新），但使用 webpack-serve，它会记录“无法应用更新。请刷新页面。”，然后它当然会自动刷新整个页面。

标签： webpack webpack-dev-server webpack-hmr webpack-serve

【解决方案1】：

已解决：mode 设置为 production 而不是 development（因此 UglifyJSPlugin 一直在浪费时间在每个构建上）。

我认为我设置正确，在我的主要 webpack.js 配置文件中使用 mode: process.env.WEBPACK_SERVE ? 'development' : 'production'。但是，因为我没有使用 webpack-serve CLI，它实际上并没有设置 env 变量。（我已经设置为使用serve() 函数）

【讨论】：

【解决方案2】：

解决此问题的快速方法是添加--mode development 标志。

webpack serve --mode development

【讨论】：