Create React App 中文文档

Create React App 中文文档

  • 快速入门
  • 帮助
  • GitHub

›快速入门

Welcome

  • 关于文档

快速入门

  • 入门
  • 文件夹结构
  • 可用的 Scripts
  • 支持的浏览器和特性
  • 更新到新版本

开发

  • 编辑器设置
  • 隔离开发组件
  • 分析 Bundle (包) 大小
  • 在开发环境中使用 HTTPS

样式和资源

  • 添加一个样式表
  • 添加 CSS Modules
  • 添加 Sass
  • PostCSS(后处理 CSS)
  • 添加图片,字体和文件
  • 使用 public 文件夹
  • 代码拆分(Code Splitting)

构建 App

  • 安装依赖项
  • 导入组件
  • 使用全局变量
  • 添加 Bootstrap
  • 添加 Flow
  • 添加 TypeScript
  • 添加 Relay
  • 添加 Router(路由)
  • 环境变量
  • 制作渐进式 Web 应用程序(PWA)
  • 创建生产构建

测试

  • 运行测试
  • 调试测试

后端集成

  • 在开发环境中代理 API 请求
  • 使用AJAX请求获取数据
  • 集成后端 API
  • Title & Meta 标签

部署

  • 部署

高级用法

  • 我可以使用 Decorators 吗?
  • 预渲染静态 HTML
  • 高级配置
  • Ejecting 的替代方案

支持

  • 故障排除
Edit

更新到新版本

Create React App 分为两个包:

  • create-react-app 是一个全局命令行实用程序,可用于创建新项目。
  • react-scripts 是生成项目中的开发依赖项(包括此项)。

你几乎从不需要更新 create-react-app 本身:它将所有设置委托给 react-scripts 。

当你运行 create-react-app 时,它始终使用最新版本的 react-scripts 创建项目,以便你自动获得新创建的应用程序中的所有新功能和改进。

要将现有项目更新为新版本的 react-scripts ,请 打开更改日志 ,找到你当前所在的版本(如果你不确定,请查看此文件夹中的 package.json ),并应用新版本的迁移说明说明。

在大多数情况下,在 package.json 中替换 react-scripts 版本,并在此文件夹中运行 npm install (或 yarn install) 应该已经足够了,但最好查看 更改日志 以了解潜在的重大更改。

我们承诺将破坏性改变保持在最低限度,以便你可以轻松地升级 react-scripts 。

← PreviousNext →
Create React App 中文文档
文档
快速入门学习 React
社区
Stack OverflowSpectrumTwitter
更多
GitHubStar
Facebook Open Source
Copyright © 2018 Facebook Inc.