项目优化
1. 第三方库启用 CDN //vue.config.js-> chainWebpack.config=>{ config.set('externals',{不要打包的依赖项}) } 2. UI 组件按需导入 //把发布模式的main.js element-ui 按需导入文件注释 引用CDN样式和js 3. 路由懒加载 //@babel/plugin-syntax-dynamic-import -> babel.config.js中plugins加上'@插件名' ->把路由修改成按需加载形式 const Login = ()=>import('/* webpackChunkName:"login_home_welcome" */ '路由组件路径') // /* */里写捆绑的自定义路由组 4. 首页内容定制 5. 生成打包报告 报告在vue ui 下面可以看依赖项大小;也可以vue - cli - serve build -- report 其他优化:Nprogress进度条(写在拦截器里,请求拦截start响应拦截done) 1. ESLint代码规范在 . prettierrc里配置(如让一行代码满 2000 字符换行: "printWidth" : 200 ) 2. babel . config . js里可以用remove - console插件(在plugins里写