创建React应用

示例

create-react-app是Facebook创建的React应用样板生成器。它提供了一个开发环境,该开发环境配置为易于使用且只需最少的设置,包括:

  • ES6和JSX移植

  • 带热模块重载的开发服务器

  • 代码整理

  • CSS自动前缀

  • 使用JS,CSS和图像捆绑以及源映射构建脚本

  • 开玩笑的测试框架

安装

首先,使用节点软件包管理器(npm)全局安装create-react-app。

npm install -g create-react-app

然后在您选择的目录中运行生成器。

create-react-app my-app

导航到新创建的目录并运行启动脚本。

cd my-app/
npm start

组态

默认情况下,有意将create-react-app配置为不可配置。例如,如果需要非默认用法,以使用诸如Sass之类的已编译CSS语言,则可以使用弹出命令。

npm run eject

这允许编辑所有配置文件。注意,这是一个不可逆的过程。

备择方案

替代的React样板包括:

  • 飞地

  • w

  • 运动

  • 球拍

  • 布多

  • w

  • 快速

  • 萨吉

编译React App

要构建用于生产准备的应用程序,请运行以下命令

npm run build