webpack5 ---9 多进程打包

1,575 阅读1分钟

多进程打包

在打包过程中,为了提高打包速度,在代码量大的时候可以开启多进程打包。

在启用多进程打包之前,首先了解到,多进程打包的启动时间大概是600 ms 另外,进程通信上也会有一定的开销。所以应用多进程的时候要在代码量比较大的时候比较合适。

  • 多进程打包首先需要下载对用的loader npm i thread-loader
  • 在打包的过程中比较费时的就是babel对js 的处理,所以多进程要加在 处理 babel的地方
{
        test: /\.js$/,
        exclude: /node_modules/,
        use: [
          {
            loader: "thread-loader",
            options: {
              workers: 2 // 进程
            }
          },
          {
            // 指定加载器
            loader: 'babel-loader',
            // 设置预定义的环境
            options: {
              // 指定环境的插件
              presets: [
                [
                  '@babel/preset-env',
                  // 配置信息
                  {
                    // 要兼容的浏览器
                    targets: {
                      'chrome': '88',
                      //"ie": '11'
                    },
                    // 指定下载的 corejs 版本
                    "corejs": '3',
                    // 使用corejs 的方式 usage 表示按需加载
                    "useBuiltIns": "usage"
                  }
                ]
              ],
              cacheDirectory: true
            }
          },
          
        ],
        
      },