webpack-优化编译速度

编译缓存

cache-loader

一些性能开销较大的 loader 前面添加 cache-loader，将结果缓存在磁盘中减少编译时间

npm install --save-dev cache-loader

{
 test: /\.js$/,
 use: ['cache-loader', 'babel-loader'],
 include: path.resolve('src')
 },

hard-source-webpack-plugin

缓存文件依赖，需要运行两次，第一次构建将花费正常时间。第二个版本将明显更快

npm i hard-source-webpack-plugin -D

const HardSourceWebpackPlugin = require('hard-source-webpack-plugin')
plugins.push(new hardSourceWebpackPlugin())