前端工程化要点梳理

现在的前端开发已经不是写几个页面，加上些 css、js，直接放到服务器上就行了。前端已经发展出了一套完整的工程体系，现梳理其要点成此文。

基本能力

1. 压缩，混淆
2. 打包，按需加载
3. 图片、icon 等资源优化
4. 版本号

开发赋能

1. 热更新
2. JS 编译（TS、ES6+、JSX 等）
3. CSS 预处理（postcss、less、scss、css-module、css-in-js 等）
4. 网络代理
5. Mock 数据

协作规范

1. 规范文档
2. lint（es、ts、style、commit、prettier 等）
3. githook（husky、lint-staged 等）
4. MR / PR、Code Review 机制
5. 单测、e2e 测试

自动化

1. CI / CD、jenkins
2. 自动化部署
3. 消息通知

数据与监控

1. 埋点
2. 异常监控
3. 性能监控
4. 灰度
5. 反馈渠道

其他

1. 脚手架
2. 框架 + 配套
3. 国际化
4. Bug 统计
5. 项目管理