项目优化

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

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

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

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

 

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

 

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

posted @ 2021-07-13 21:29  一个动态类型的幽灵  阅读(55)  评论(0编辑  收藏  举报