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，直接浏览器打开就可以分析各个页面打包后的大小，看看里边哪个的体积过大我们就优化哪个。