- A+
所属分类:Web前端
原文链接:http://axuebin.com/articles/fe-solution/cli/cra.html,转载请联系
Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration.
create react app
是 React
官方创建单页应用的方式,为了方便,下文皆简称 CRA
。
它的核心思想我理解主要是:
- 脚手架核心功能中心化:使用
npx
保证每次用户使用的都是最新版本,方便功能的升级 - 模板去中心化:方便地进行模板管理,这样也允许用户自定义模板
- 脚手架逻辑和初始化代码逻辑分离:在
cra
中只执行了脚手架相关逻辑,而初始化代码的逻辑在react-scripts
包里执行
本文主要就是通过源码分析对上述的理解进行阐述。
按照自己的理解,画了个流程图,大家可以带着该流程图去阅读源码(主要包含两个部分 create-react-app
和 react-scripts/init
):
如果图片不清晰可以微信搜索