如何写一套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 , 和这篇教程。简单的说,就是

  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帮你维护脚手架 。自己只需要维护模板和定制配置部分。


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

查看所有标签

猜你喜欢:

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

蚁群算法原理及其应用

蚁群算法原理及其应用

段海滨 / 科学出版社 / 2005年2月1日 / 48.0

《蚁群算法原理及其应用(精装)》系统、深入地介绍了蚁群算法的原理及其应用,力图概括国内外在这一学术领域的最新研究进展。全书共包括10章,主要内容包括蚁群算法的思想起源、研究现状及机制原理;蚁群算法的复杂度分析;蚁群算法的收敛性证明;蚁群算法参数对其性能的影响;蚁群算法的参数选择原则;离散域和连续域蚁群算法的若干改进策略;蚁群算法在多个优化领域的典型应用;蚁群算法的硬件实现技术;蚁群算法与其他仿生优......一起来看看 《蚁群算法原理及其应用》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

在线进制转换器
在线进制转换器

各进制数互转换器

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试