Webpack 多线程压缩为啥没生效？
我用 Webpack 的 TerserPlugin 开启了多线程压缩，但构建时间一点没变快，是不是哪里配错了？
我试过把 parallel 设成 true 甚至设成 4，但 CPU 占用还是只有一核在跑。项目是 React 的，打包体积挺大的，按理说应该能看出来加速效果才对。
const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
optimization: {
minimizer: [
new TerserPlugin({
parallel: true,
// 或者写成 parallel: 4
}),
],
},
};
- 1
回答
18浏览
Webpack 开启多线程打包反而变慢了，是配置错了吗？
我用 Webpack 5 的 thread-loader 给 Babel 加了多线程，但打包时间没减少反而更久了，是不是哪里配错了？ 我的配置大概是这样的： { test: /.js$/, use: ...
- 0
回答
3浏览
Webpack 的 Tree Shaking 为什么没生效？
我用 Webpack 5 打了个包，明明写了按需导入的代码，但打包后发现没被摇掉，体积还是很大。是不是配置有问题？ 我试过把 mode 设成 production，也确认用了 ES6 模块语法，比如 ...
- 1
回答
11浏览
Webpack 的 optimization.splitChunks 配置为什么没生效？
我项目里用了 Webpack 5，想把 node_modules 里的第三方库单独打包成 vendor.js，但配置了 splitChunks 后发现输出文件还是只有 main.js，没生成 vend...
- 1
回答
12浏览
PostCSS 在 Webpack 中不生效怎么办？
我按照文档配置了 PostCSS 和 Webpack，但写好的 autoprefixer 根本没起作用，CSS 里还是没有加厂商前缀。 我的 webpack.config.js 里是这么配的： mod...
- 1
回答
17浏览
Webpack配置中如何正确处理Vue单文件组件的样式作用域问题？
我最近在用 Webpack 手动搭建 Vue 项目，发现 scoped 样式没生效，全局污染了其他组件。我确认 vue-loader 已经装了，也按文档配了 rule，但还是不行。是不是 loader...
- 1
回答
28浏览
Webpack 开启 Scope Hoisting 后模块变量被压缩导致报错？
我在项目里启用了 Webpack 的 Scope Hoisting（ModuleConcatenationPlugin），但发现某些模块里的变量名被重命名后，和其他模块冲突了，控制台报“xxx is ...
- 1
回答
29浏览
Webpack 的 Tree Shaking 为什么没生效？
我用 Webpack 5 打了个包，明明只 import 了 lodash 的 debounce，结果整个 lodash 都被打进去了，Tree Shaking 好像没起作用。 我确认用了 ES6 模...
- 1
回答
22浏览
Webpack缓存没生效，页面还是重新加载了？
我用 Webpack 搭了个 React 项目，明明配置了 cache 缓存，但每次改点代码，整个页面都重新加载，连组件状态都没保住，是不是哪里配错了？ 我试过在 webpack.config.js ...
- 2
回答
23浏览
Webpack打包后体积太大，怎么有效压缩JS和CSS？
我们项目用的是 Webpack 5 + React，最近发现首屏加载特别慢，看了下打包后的 main.js 居然有 2.3MB（未压缩）。我已经开了 mode: 'production'，也试过用 T...
- 1
回答
20浏览
Webpack打包后Source Map不生效是怎么回事？
我用Webpack打包项目时开启了source map，但浏览器里调试还是看不到原始代码，只显示bundle.js。明明配置里写了devtool: 'source-map'，也确认生成了.map文件，...
第一个可能：TerserPlugin 版本太老。现在 Webpack 5 已经内置了 TerserPlugin，但如果你手动安装了旧版本，可能 worker 功能不完整。先确认一下版本号，至少要 4.x 以上。
第二个可能：terser 包本身版本低。TerserPlugin 只是调度，真正的压缩是 terser 包在干。确保 terser 也更新到最新：
第三个可能容易被忽略：你的项目文件数量。如果代码量不够大，Webpack 会认为不值得启动 worker 线程，反而用单线程。你可以试试强制指定线程数，同时把每個 chunk 的最小体积调大一点：
还有个常见坑：如果你用了 cache 选项（Webpack 5 的持久化缓存），第一次构建确实会慢一些，但第二次构建因为有缓存会快很多，这时候你看时间对比可能不准。可以用 webpack --no-cache 强制清掉缓存再测。
最后提醒一下，Windows 平台下多线程有时会抽风，如果你是 Windows 系统，可以试试把 parallel 改成 2 或者直接用单线程对比一下，看看是不是平台问题。
你可以先跑一下 npm list terser-webpack-plugin terser 看看版本，然后升级到最新试试。