项目优化

1-      为了提高用户体验,优化了资源加载时进度条的添加和隐藏         下载安装插件       在请求拦截 配置中添加进度条开始的代码           在响应拦截的配置中 添加进度条结束的配置

2-      为了线上版本控制台不随便输出东西             通过插件  移除所有的consloe 文件       但是有一个问题 开发版和上线版 都会移除,只在发布版的代码中移除  ,开发版的要保留    通过判断当前所出的  环境变量来动态添加是否移除   移除 console文件

3-    为了更快的打包   优化打包入口      1首先先书写开发版和上线版的两个打包文件       2在配置文件中   通过判断不同的环境变量来 加载不同的入口文件   

4-    为了优化资源文件的大小更快的加载依赖包     通过插件加载cdn文件  通关externals 排除 js 文件  手动注释 css 文件  然后在 public目录下的index文件中  手动添加需要的cdn文件 (js和css文件)

 

5--为了区分 开发版和线上版  自定义首页的内容     (上线版才需要在首页引入cdn文件  开发版不需要引入cdn文件 )  通过在index文件中判断当前所处的环境变量  来判断是否添加 cdn文件

 

6--为了优化  网页加载的速度    配置路由懒加载      当需要某个路由的时候再加载响应的路由

项目优化

上一篇:while 循环和do...while 循环


下一篇:vue-cli3, vue 打包生产环境 npm run build 去掉console