Webpack 并行构建为啥反而变慢了？

开发者喜静提问于 2026-03-04 21:20:22 阅读 10

优化

我用 Webpack 5 的 thread-loader 和 mini-css-extract-plugin 开启了并行构建，但本地开发时 build 时间从 18s 涨到了 25s，这是不是哪里配错了？

我的配置大概是这样：

module.exports = {
  module: {
    rules: [
      {
        test: /.js$/,
        use: ['thread-loader', 'babel-loader'],
        exclude: /node_modules/
      },
      {
        test: /.css$/,
        use: [MiniCssExtractPlugin.loader, 'css-loader']
      }
    ]
  },
  plugins: [new MiniCssExtractPlugin()]
};

机器是 8 核 i7，理论上应该更快才对，难道是线程开销太大？还是插件本身不支持并行？

我来解答赞 1 收藏

反馈

1 条解答

程序员洺华 Lv1

thread-loader开太多线程反而会拖慢速度，特别是小项目。试试改成这样：

{

  test: /.js$/,

  use: [

    {

      loader: 'thread-loader',

      options: {

        workers: 4 // 一般设CPU核数一半

      }

    },

    'babel-loader'

  ],

  exclude: /node_modules/

}

另外MiniCssExtractPlugin在开发模式确实会慢点，本地开发建议用style-loader。我之前也遇到过，调完就快了。

2026-03-05 08:14