vue-cli官網(wǎng)說(shuō)了

vue-cli-service build d 命令參數(shù)中，--report 和 --report-json 會(huì)根據(jù)構(gòu)建統(tǒng)計(jì)生成報(bào)告，它會(huì)幫助你分析包中包含的模塊們的大小。

腳本命令

vue-cli-service build --report

我是配置在package.json里面，然后再執(zhí)行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"
  },
}

執(zhí)行npm命令去打包

npm run build-report

• 打包之后會(huì)生成report.html文件

  
  
  report.html

• 瀏覽器打開(kāi)該文件，就可以看到打包文件的分析

  
  
  分析頁(yè)面