vue-vli 4.3 打包生成分析文件

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
  • 浏览器打开该文件,就可以看到打包文件的分析


    分析页面

你可能感兴趣的:(vue-vli 4.3 打包生成分析文件)