Vue 首屏优化

步骤1：查   npm run build --report   analyzer工具

步骤2：减

1.固定模板，index引入cdn：vue.js、router.js、mintUI等第三放工具；

其次，在webpack中配置externals  externals: {    'vue':'Vue',    'mint-ui':'MINT',    'vue-router':'VueRouter'  },

2.懒加载：

Import index from '@/components/index'

{path: '/',name:'index',component:index}

替换：

{path: '/',name:'index',component:()=>import ('@/components/index')}

步骤3：

js底部，css顶部；

部署CDN；

静态资源打包压缩；

预加载和懒加载

前端代码审核清单：前端安全、性能、代码质量、注释、测试、故障处理；