create-react-app中,出现了一个新的概念,叫做:react-scripts。那么在本篇文章中,苏南大叔初步介绍一下react-scripts这个类库文件的用途。

了解react-scripts这个代码,最好的办法,就是翻翻对应的源代码了。在项目根目录下面的node_modules文件夹中,苏南大叔找到了react-scripts相关源码。

苏南大叔:初步理解 react-scripts ,修改第一个 helloworld 例子 - react-scripts-hero
初步理解 react-scripts ,修改第一个 helloworld 例子(图6-1)

本文就对react-scripts做个初步解析,并试图修改一下create-react-app初始化出来的范例源码。本文测试环境:win10/react-scripts2.1.1

查找react-scripts路径

react-scripts这个路径还是比较好找的,位于\node_modules\react-scripts\

苏南大叔:初步理解 react-scripts ,修改第一个 helloworld 例子 - 目录结构
初步理解 react-scripts ,修改第一个 helloworld 例子(图6-2)

目录结构也比较好理解,config里面放了一些基本配置,scripts放置了具体能做什么的脚本逻辑,template这个目录,就是默认的项目结构了。

相关链接

如果您想修改react-scripts的配置文件,那么您可以查看下面这个链接:

结束语

本文中,对create-react-app脚手架自带的,react-scripts脚本的基本原理,苏南大叔做了粗略的分析,并进行了简单的修改,以验证对其的简单分析理论。

更多精彩内容,请查看苏南大叔的react精彩文章。

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   react

本站的忠实读者小伙伴,正在阅读下面这些文章: