关于webpack:webpack编译速度优化

我的项目过大，编译就会十分慢，每次动手新我的项目看着爬一样的速度，切实忍不住会想优化一下编译速度

用speed-measure-webpack-plugin和webpack-bundle-analyzer 剖析我的项目

优化计划

缓存优化
hard-source-webpack-plugin，这插件为模块提供两头缓存步骤，但我的项目得跑两次，第一次构建工夫失常，第二次大略能省去90%左右的工夫。
npm i hard-source-webpack-plugin -D

plugins: [  new HardSourceWebpackPlugin()]

然而我的项目中其实没有独立的webpack.config.js文件，所以只能放在vue.config.js文件中，应用chainWebpack来将配置插入到webpack中去
官网中的应用cache缓存

chainWebpack: (config) => {  config.cache(true)}

配合HardSourceWebpackPlugin

chainWebpack: (config) => {  config.plugin('cache').use(HardSourceWebpackPlugin)}