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

  • 浏览器打开该文件，就可以看到打包文件的分析


    分析页面
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容