在整理资料的时候发现了去年入职新公司一个月后结合自己以前所学和公司前端现状，总结一些可以更加规范和优化的点，在组内进行一次技术分享，现在再看也感慨颇多，当时的这些优化点，这一年时间现在也基本上都完成了，又整理了一下，来记录一下。

项目快速回滚是前端工程化中很重要的一环，项目部署到线上后如果报错打不开或者其他原因需要回滚到上一个版本，这个时候回滚的速度就会显得尤为重要，本文将带你一步一步实现前端项目秒级回滚的案例。

专栏第四篇-优化构建结果：构建分析，抽离css文件，清理无用css和js，hash策略，代码分割，devtool讲解，gzip压缩。

本系列第二篇，进阶功能配置：环境变量，alias别名，复制public，支持css，less，图片和媒体资源，css3前缀，babel兼容等。

本系列第三篇，讲解优化构建速度： 构建耗时分析，开启持久化存储缓存，开启多线程loader，配置alias别名，缩小loader作用范围，精确使用loader，缩小模块搜索范围，devtool模式配置等。

本系列第一篇，手动初始化vue3+ts项目，并用webpack5实现基础的vue3+ts开发和打包配置。

本文将使用最新的webpack5一步一步从零搭建一个完整的react18+ts开发和打包环境，配置完善的模块热替换以及构建速度和构建结果的优化。

公司有个特别大维护时间长的后台管理系统，使用的是vue2和webpack3，虽然配置了很多编译优化，但启动和开发热更新速度依然很慢，极大的影响了开发效率，于是准备升级vite2来优化，现在已成功升级，复盘记录下过程。

现在前端很多项目是借助webpack或vite等构建工具打包生成部署的代码，为了每次打包的静态资源不累加，打包之前都会把上一次生成的dist文件删除掉再打包，在这个过程中，dist文件是不存在的，浏览器访问或刷新前端，就会报403错误，直到新的dist打包完成，需要解决这个问题。

Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+，即是 ie9 及更高的版本。经过测试，Vue 的核心框架 `vuejs` 本身，以及生态的官方核心插件（VueRouter、Vuex等）均可以在 ie9 上正常使用