生成打包报告
命令行工具
vue-cli-service build --report
可以生成report.html帮助分析包内容
可视化面板
通过控制台和分析面板查看项目问题
第三方库启用CDN
elementUI组件按需加载
路由懒加载
安装@babel/plugin-syntax-dynamic-import包
在babel.config.js配置文件中声明该插件
将路由改成按需加载形式
const Foo = () => import(/* webpackChunkName: "group-user" */'./views/UserDetails.vue')
webpackChunkName: “group-user” 相同会打包到同一个js文件中
首页内容定制