vue項目打包分析

 

 

修改package.json中的script，在build后面加個   --report

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build --report",
    "lint": "vue-cli-service lint"
  },

 

這樣打包文件里就會生成一個report.html，直接瀏覽器打開就可以分析各個頁面打包后的大小，看看里邊哪個的體積過大我們就優化哪個。