vue-cli官网说了
vue-cli-service build d 命令参数中，--report 和 --report-json 会根据构建统计生成报告，它会帮助你分析包中包含的模块们的大小。
脚本命令
vue-cli-service build --report
我是配置在package.json里面，然后再执行npm的。
{
"scripts": {
"serve": "vue-cli-service serve",
"local-serve": "vue-cli-service serve --mode dev",
"build": "vue-cli-service build",
"build-pro": "vue-cli-service build --mode pro",
"build-dev": "vue-cli-service build --mode dev",
"build-report": "vue-cli-service build --report",
"lint": "vue-cli-service lint"
},
}
执行npm命令去打包
npm run build-report
-
打包之后会生成report.html文件
report.html -
浏览器打开该文件，就可以看到打包文件的分析
分析页面
