如何寫一套React腳手架，並讓Facebook幫你維護

摘要： 相信很多人都有能力寫現在最好用的腳手架，但捫心自問當一年後 Webpack 升了5，typescript 升了4，babel 升了8，eslint 升了6，有這個心力去更新維護相容嗎？事實上無數腳手架都死在時光裡(開源的)，或者繼續苟且著(內部使用的)。 所以當看到“扔掉Create R...

相信很多人都有能力寫現在最好用的腳手架，但捫心自問當一年後 Webpack 升了5，typescript 升了4，babel 升了8，eslint 升了6，有這個心力去更新維護相容嗎？事實上無數腳手架都死在時光裡(開源的)，或者繼續苟且著(內部使用的)。

所以當看到“扔掉Create React App，打造你自己的React生成工具！” 云云的標題時，點個讚的同時，也希望打算自己造輪子的讀者能慎重考慮，並且，想科普一下最近才學到的一個事兒，就是：你可以不丟棄CRA，寫一套自己的腳手架。

How？

詳細可以參見這個issue , 和這篇教程。簡單的說，就是

1. fork 一份create-react-app 庫
2. 進入package/react-scripts 修改成自己定製的模板和設定:

   config/webpack.config.js
   scripts/init.js
   template
   package.json
   

3. npm publish 釋出修改後的react-scripts
4. 跑這個命令：

create-react-app my-app --scripts-version my-react-scripts-fork
複製程式碼

其中my-react-scripts-fork 是你釋出的 npm 包名。即可生成定製版的starter kit。

好處呢？

時不時地去拉一下create-react-app 官方master 分支，讓Facebook幫你維護腳手架 。自己只需要維護模板和定製配置部分。