开发过程中vue项目保存编译慢优化方法

问题描述
近期在做一个VUE项目，项目越做越大，相继带来的问题也就越来越多，当前存在的问题是：
1.开发过程中，修改一个文件，保存一下项目需要特别久。

2.npm run dev启动项目需要特别久。

吓人吧，作为开发者，相信大家都懂那种感觉（想砸电脑）
优化方法
1.开启uglifyjs-webpack-plugin 的 cache（文件webpack.prod.conf.js）

该方法优化后npm run dev时间减少了10s左右

2.babel-loader配置（webpack.base.conf.js）

该方法优化后npm run dev时间减少了20s左右

3.eslint的忽略文件(.eslintignore）

这个效果npm run dev也是减少10s左右

4.模块热加载 HMR替代hotReload（vue-loader.conf.js）
（1）关闭热重载（也可参照官网VUE官网关闭热重载）

(2)模块热加载 HMR配置（webpack.dev.conf.js）
->配置webpakc-dev-server
->配置对应的插件

->最后入口文件配置HMR 的捕获代码,这个比较复杂，如果你只是希望保存修改的代码，会自动触发页面刷新，以保证页面上的代码是最新的，那么只需要上述步骤就好了。如果想了解更透彻，可参考大神的博客（我也是学习过程中发现的）大神webpack3（14）HMR模块热加载

最终结果
启动所需时间，比开始时减少了20s左右

修改保存需要时间，比开始时减少了40s左右

还好吧，有一定效果，有时间再搞搞，找大佬取取经。