解决办法
安装speed-measure-webpack-plugin
查看编译过程中哪些地方消耗时间久,线程多。
- 安装
speed-measure-webpack-plugin
- 修改
vue.config.js
配置插件 - 重新
npm run serve
const SpeedMeasurePlugin = require('speed-measure-webpack-plugin')//查看编译过程
const smp = new SpeedMeasurePlugin({outputFormat: 'human'})
module.exports = {
...
configureWebpack: smp.wrap({
...
}),
...
};
- 查看编译过程
eslint-loader和vue-loader-v16占比最大。vue-loader-v16为解决报错安装的不能删,关闭eslint检测。vue.config.js中设置lintOnSave: false
- 重新编译果然快了很多。