Webpack 打包速度太慢怎么优化？

设计师彦杰提问于 2026-03-24 10:32:19 阅读 32

工具

我项目里用了 Webpack 5，现在每次开发时热更新都要等十几秒，改一行代码就得卡半天。试过加 cache: { type: 'filesystem' }，也用了 thread-loader，但效果不明显。

我的配置里 babel-loader 和 ts-loader 都有，是不是哪里没配对？有没有更有效的提速方法？下面是部分配置：

module.exports = {
  module: {
    rules: [
      {
        test: /.tsx?$/,
        use: ['thread-loader', 'ts-loader'],
        exclude: /node_modules/,
      },
      {
        test: /.js$/,
        use: ['thread-loader', 'babel-loader'],
        exclude: /node_modules/,
      }
    ]
  },
  cache: {
    type: 'filesystem'
  }
};

我来解答赞 3 收藏

反馈

1 条解答

FSD-志诚 Lv1

增加 exclude 范围，比如忽略 node_modules 之外的某些文件夹；尝试用 swc-loader 替换 babel-loader 和 ts-loader，速度快很多；搞定。

2026-03-24 10:41