webpack4 打包速度优化

最近写了一个create-react-app + antd的项目，但是发现打包时间巨长，开始优化

原本打包时长： 50秒

添加打包缓存插件： 14秒 hard-source-webpack-plugin

具体使用方法自查：require + plugins：new DSWP

至此 仍然不理想， 继续优化 先添加插件查看耗时最长是在哪个环节

const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
const smp = new SpeedMeasurePlugin();
// 主要是这里，要找对地方，在 webpack 包裹的配置外面，加上我们的 plugin
const compiler = webpack(smp.wrap(config));
 

结果： 罪魁祸首是babel-loader

优化：