前端工程化

在公司项目里，本地存储是我们绕不开的一个部分。像保存登录 token、用户偏好设置、缓存一些接口数据，基本都会用到 本地存储。

在公司的一次上线后，测试突然说某个功能不是还没测试完成吗，怎么到线上了。我大吃一惊赶忙去排查问题，后面发现是有同学把dev开发分支合并到功能分支里面了，上线时master分支合并了功能分支.

本文将带你实现前端项目秒级回滚功能，跟着文章敲一遍，可以快速应用到自己公司项目里面，以更好的理解整体流程的实现。

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

本系列第三篇，讲解优化构建速度：持久化缓存，多线程loader，devtool，loader作用范围等优化配置。

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

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

6000字详细介绍用100行代码从零搭建一个完整功能cli脚手架，从开发到发布到npm仓库使用，全局安装和非全局安装方法。

【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

本文讲介绍巧用阿里云oss服务搭建前端npm私有仓库完成过程，从阿里云oss服务开通和配置、创建简单的npm包、开发打包部署脚本，还有在jenkins上进行部署使用。

本文使用dumi2详细的搭建React组件库和函数库，编写单元测试，部署文档站点和发布npm包，以及搭建过程中遇到的问题和解决方案。

使用prettier+eslint+stylelint+lint-staged+husky+commitlint统一代码和git提交规范

总结在公司用verdaccio搭npm私有库完整流程和遇到问题，发布包后发送钉钉推送消息，以及权限控制。

公司有个特别大的后台管理系统，使用的是vue2和webpack3，开发热更新打包构建很慢，于是准备迁移vite2来优化，现在已迁移成功，来复盘记录下过程。