创建 React App

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

  • ES6 和 JSX 转换
  • 具有热模块重新加载的开发服务器
  • 代码 linting
  • CSS 自动添加前缀
  • 使用 JS,CSS 和图像绑定以及源映射构建脚本
  • Jest 测试框架

安装

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

npm install -g create-react-app

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

create-react-app my-app

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

cd my-app/
npm start

组态

默认情况下,create-react-app 是故意不可配置的。如果需要非默认使用,例如,要使用编译的 CSS 语言(如 Sass),则可以使用 eject 命令。

npm run eject

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

备择方案

替代 React 锅炉板包括:

构建 React 应用程序

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

npm run build