电商后台管理系统项目 五

一、项目优化 

• 1. 生成打包报告 
• 2. 第三方库启用 CDN 
• 3. Element-UI 组件按需加载
• 4. 路由懒加载 
• 5. 首页内容定制 

1. 生成打包报告 

• 打包时，为了直观地发现项目中存在的问题，可以在打包时生成报告。生成报告的方式有两种： 
• ① 通过命令行参数的形式生成报告 

  // 通过 vue-cli 的命令选项可以生成打包报告 
  // --report 选项可以生成 report.html 以帮助分析包内容 
  vue-cli-service build --report 

• ② 通过可视化的UI面板直接查看报告（推荐） 
• 在可视化的UI面板中，通过控制台和分析面板，可以方便地看到项目中所存在的问题

2. 通过 vue.config.js 修改 webpack 的默认配置 

通过 vue-cli 3.0 工具生成的项