项目优化
1- 为了提高用户体验,优化了资源加载时进度条的添加和隐藏 下载安装插件 在请求拦截 配置中添加进度条开始的代码 在响应拦截的配置中 添加进度条结束的代码
2- 为了线上版本控制台不随便输出东西 通过插件 移除所有的consloe 文件 但是有一个问题 开发版和上线版 都会移除,只在发布版的代码中移除 ,开发版的要保留 通过判断当前所处的 环境变量来决定是否 添加 移除 console文件的插件
3- 为了更快的打包 优化打包入口 1首先先书写开发版和上线版的两个打包文件 2在配置文件中 通过判断不同的环境变量来 加载不同的入口文件
4- 为了优化资源文件的大小更快的加载依赖包 通过插件加载cdn文件 在线上版的配置文件中,通过externals 排除 js 文件 手动注释 css 文件 然后在 public目录下的index文件中 手动添加需要的cdn文件 (js和css文件)
5--为了区分 开发版和线上版 自定义首页的内容 (上线版才需要在首页引入cdn文件 开发版不需要引入cdn文件 ) 通过 插件 htmlwebpackplugin 在index文件中判断当前所处的环境变量 来判断是否添加 cdn文件
6--为了优化 网页加载的速度 配置路由懒加载 当需要某个路由的时候再加载响应的路由