如何写一套React脚手架，并让Facebook帮你维护

栏目: IOS · Android · 发布时间: 5年前

内容简介：相信很多人都有能力写现在最好用的脚手架，但扪心自问当一年后 Webpack 升了5，typescript 升了4，babel 升了8，eslint 升了6，有这个心力去更新维护兼容吗？事实上无数脚手架都死在时光里(开源的)，或者继续苟且着(内部使用的)。所以当看到“扔掉Create React App，打造你自己的React生成工具！” 云云的标题时，点个赞的同时，也希望打算自己造轮子的读者能慎重考虑，并且，想科普一下最近才学到的一个事儿，就是：详细可以参见

相信很多人都有能力写现在最好用的脚手架，但扪心自问当一年后 Webpack 升了5，typescript 升了4，babel 升了8，eslint 升了6，有这个心力去更新维护兼容吗？事实上无数脚手架都死在时光里(开源的)，或者继续苟且着(内部使用的)。

所以当看到“扔掉Create React App，打造你自己的React生成工具！” 云云的标题时，点个赞的同时，也希望打算自己造轮子的读者能慎重考虑，并且，想科普一下最近才学到的一个事儿，就是： 你可以不丢弃CRA，写一套自己的脚手架。

How？

详细可以参见这个issue , 和这篇教程。简单的说，就是

fork 一份 create-react-app 库
进入 package/react-scripts 修改成自己定制的模板和设置:
```
config/webpack.config.js
scripts/init.js
template
package.json
```
npm publish 发布修改后的 react-scripts
跑这个命令：

create-react-app my-app --scripts-version my-react-scripts-fork
复制代码

其中 my-react-scripts-fork 是你发布的 npm 包名。即可生成定制版的starter kit。

好处呢？

时不时地去拉一下 create-react-app 官方 master 分支， 让Facebook帮你维护脚手架 。自己只需要维护模板和定制配置部分。

以上所述就是小编给大家介绍的《如何写一套React脚手架，并让Facebook帮你维护》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

Java语言程序设计（基础篇原书第10版）

[美]粱勇（Y.Daniel Liang） / 戴开宇 / 机械工业出版社 / 2015-7 / 85.00元

《Java语言程序设计（基础篇原书第10版）》是Java语言的经典教材，中文版分为基础篇和进阶篇，主要介绍程序设计基础、面向对象编程、GUI程序设计、数据结构和算法、高级Java程序设计等内容。本书以示例讲解解决问题的技巧，提供大量的程序清单，每章配有大量复习题和编程练习题，帮助读者掌握编程技术，并应用所学技术解决实际应用开发中遇到的问题。您手中的这本是其中的基础篇，主要介绍了基本程序设计、语法......一起来看看《Java语言程序设计（基础篇原书第10版）》这本书的介绍吧!

码农工具