北京著名白癜风医院 http://pf.39.net/bdfyy/xwdt/CreateReactAppisanofficiallysupportedwaytocreatesingle-pageReactapplications.Itoffersamodernbuildsetupwithnoconfiguration.
createreactapp是React官方创建单页应用的方式,为了方便,下文皆简称CRA。
它的核心思想我理解主要是:
脚手架核心功能中心化:使用npx保证每次用户使用的都是最新版本,方便功能的升级模板去中心化:方便地进行模板管理,这样也允许用户自定义模板脚手架逻辑和初始化代码逻辑分离:在cra中只执行了脚手架相关逻辑,而初始化代码的逻辑在react-scripts包里执行
本文主要就是通过源码分析对上述的理解进行阐述。
0.用法
CRA的用法很简单,两步:
安装:npminstall-gcreate-react-app使用:create-react-appmy-app
这是常见的用法,会在全局环境下安装一个CRA,在命令行中可以通过createreactapp直接使用。
现在更推荐的用法是使用npx来执行createreactapp:
npxcreate-react-appmy-app
这样确保每次执行create-reat-app使用的都是npm上最新的版本。
注:npx[1]是npm5.2+之后引入的功能,如需使用需要check一下本地的npm版本。
默认情况下,CRA命令只需要传入project-directory即可,不需要额外的参数,更多用法查看: