[送福利系列] 分享一個可用於生產的 React 國際化工程模版

背景

作過項目的同窗都知道，從 0 搭建一個能夠發佈上線的項目， 十分的不容易， 太多細節須要注意， 尤爲是國際化項目。

我前先後後作了三個完整的國際化項目， 從 0 到 1，今天就把一些通用的配置作了個工程，包含了全套的解決方案。

須要的朋友能夠下載來玩一下。

代碼倉庫地址： 戳這裏。

喜歡的話， 點個贊，給個星星， 就是最大的支持。

包含的功能

• ESLint 全套配置
• Commit Lint 全套配置
• React Hooks 全套配置
• TypeScript && Javascript
• 多國家 i18n 支持, 包含自動化資源獲取腳本。
• Bundle Analyzer 打包分析全套配置
• Autoprefixer
• 幾個實用的自定義Hook
• 代碼壓縮
• antd 按需引入
• 各種loader配置
• 測試支持
• 性能分析插件支持
• 熱加載
• prettier 一鍵格式化支持
• lint 一鍵修復
• 等等

相關示意圖

1. Commit Lint & Test

2. HappyPack

3. SMP 性能數據統計

4. 代碼分割

5. 打包體積數據可視化分析

最後

一個工程包含的東西不少， 能夠按領域寫不少文章， 今天這個， 主要就是自賣自詡一波， 先給大家拿來玩一下。

喜歡的話， 能夠點個贊， 給個星星。

往期精彩內容

[手把手系列] 開發一個 VS Code 業務插件