webpakck打包优化之thread-loader初体验

多进程打包

首先安装

npm i thread-loader -D

接着在vue.config.js里配置 因为不会在chainWebpack里使用，所以放在configureWebpack里面

configureWebpack: (config) => {
    if (process.env.NODE_ENV === 'production') {
      config.module.rules.push({
        exclude: /node_modules/,
        include: /src/,
        test: /\.vue$/,
        use: [
          {
            loader: 'thread-loader',
            options: {
              workers: 2 // 进程2个
            }
          },
          {
            loader: 'vue-loader'// 因为是.vue文件 所有这里用vue-loader
          }
        ]
      })
    }
  }

接下来看看效果 没优化前 最长时间197.5s 二次打包时 140.9s

使用了thread-loader之后

提升了不少速度,开心哈哈哈哈哈。