前端工程化要點梳理

現在的前端開發已經不是寫幾個頁面，加上些 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. 項目管理