vuecli项目优化

1、分析项目打包文件大小

一、--report

 脚本命令 

vue-cli-service build --report

---

package.json里

{
"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 run bulid-report

会在dist目录下生成一个report.html文件打开就是分析页

---

二、webpack-bundle-analyzer

下载analyzer