一氧化碳中毒

注册

 

发新话题 回复该主题

从源码解读CreateReactA [复制链接]

1#
北京著名白癜风医院 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即可,不需要额外的参数,更多用法查看:

分享 转发
TOP
发新话题 回复该主题