Webpack 多线程压缩为啥没生效？
我用 Webpack 的 TerserPlugin 开启了多线程压缩，但构建时间一点没变快，是不是哪里配错了？
我试过把 parallel 设成 true 甚至设成 4，但 CPU 占用还是只有一核在跑。项目是 React 的，打包体积挺大的，按理说应该能看出来加速效果才对。
const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
optimization: {
minimizer: [
new TerserPlugin({
parallel: true,
// 或者写成 parallel: 4
}),
],
},
};
- 2
回答
212浏览
Webpack 打包后的 JS 文件压缩没生效是怎么回事？
我用 Webpack 5 搭了个项目，明明配置了 TerserPlugin 做 JS 压缩，但打包出来的 main.js 还是格式化状态，注释和空格都在，体积特别大。开发环境没问题，但 product...
- 2
回答
59浏览
Webpack 开启多线程打包反而变慢了，是配置错了吗？
我用 Webpack 5 的 thread-loader 给 Babel 加了多线程，但打包时间没减少反而更久了，是不是哪里配错了？ 我的配置大概是这样的： { test: /.js$/, use: ...
- 1
回答
52浏览
Webpack 打包时 UglifyJS 会破坏我的 CSS 吗？
我最近在用 Webpack 打包项目，配置了 uglifyjs-webpack-plugin 压缩 JS，但发现页面样式乱了。是不是这个插件误处理了 CSS？我的 CSS 写法很普通，比如： .btn...
- 1
回答
64浏览
Webpack 开启 Scope Hoisting 后模块变量被压缩导致报错？
我最近在项目里启用了 Webpack 的 Scope Hoisting（ModuleConcatenationPlugin），结果打包后发现有些模块里的变量名被压缩重命名了，导致运行时报错说某个函数找...
- 1
回答
47浏览
PostCSS在Webpack里不生效是怎么回事？
我按照文档装了postcss-loader和autoprefixer，也在webpack配置里加了loader，但写好的CSS完全没有被处理，比如display: flex连个-webkit前缀都没有...
- 2
回答
49浏览
Webpack devServer 配置 proxy 为啥不生效？
我在本地开发时用 Webpack 的 devServer 配置了 proxy，想把 /api 开头的请求代理到后端接口，但发请求还是直接打到了前端端口，根本没走代理。 我试过改 target 地址、加...
- 1
回答
65浏览
Webpack 打包后 CSS 的 Source Map 为啥不生效？
我用 Webpack 打包项目时启用了 source map，JS 的能正常定位到源文件，但 CSS 始终显示的是打包后的 bundle.css，根本没法调试原始的 SCSS 文件。我在 devtoo...
- 1
回答
48浏览
Webpack 的 Tree Shaking 为什么没生效？
我用 Webpack 5 打了个包，明明写了按需导入的代码，但打包后发现没被摇掉，体积还是很大。是不是配置有问题？ 我试过把 mode 设成 production，也确认用了 ES6 模块语法，比如 ...
- 1
回答
61浏览
Webpack 的 optimization.splitChunks 配置为什么没生效？
我项目里用了 Webpack 5，想把 node_modules 里的第三方库单独打包成 vendor.js，但配置了 splitChunks 后发现输出文件还是只有 main.js，没生成 vend...
- 2
回答
61浏览
PostCSS 在 Webpack 中不生效怎么办？
我按照文档配置了 PostCSS 和 Webpack，但写好的 autoprefixer 根本没起作用，CSS 里还是没有加厂商前缀。 我的 webpack.config.js 里是这么配的： mod...
另外，webpack 自身的并行能力也需要配置一下。你可以在 webpack 配置中增加 parallelism 参数来控制并行处理的模块数量。还有就是看看你的 loader 是否也开启了并行处理，比如 babel-loader 也可以设置 parallel 参数。
这里有一个优化后的配置示例供你参考：
这样配置后，理论上可以更好地利用多核 CPU 来加速构建过程。如果问题依旧存在，可能还需要进一步检查是否有其他瓶颈，比如磁盘 I/O 或者其他的插件配置。
第一个可能：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 看看版本，然后升级到最新试试。