使用happypack加快webpack项目编译速度

在前端开发工作中难免会遇到一些规模较大的项目，像笔者最近参与的这个项目，体积达到了2G（不含依赖包）,启动都要差不多10分钟，后来经过调研，发现可以用happypack插件，利用多线程加快项目编译速度，对于build，vue-cli-service serve webpack --serve等脚本执行均有效果。下述代码供大家参考：

安装happypack

npm install happypack --save-dev

在vue.config.js中使用

// 引入
const HappyPack = require('happypack');

// 创建线程池
const os = require('os');
const happyThreadPool = HappyPack.ThreadPool({ size: os.cpus().length });
// 配置导出
module.exports = {
...其他配置

configureWebpack: config => {
    // 配置HappyPack到webpack插件
    config.plugins.push(
      new HappyPack({
        id: 'happybabel',
        loaders: ['babel-loader'],
        threadPool: happyThreadPool
      })
    )
}
}

经测试，4c8t处理器的笔记本，构建速度从10分钟降低到了3分钟左右。