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

可用的 Scripts

在项目目录中,你可以运行:

npm start

在开发模式下运行应用程序。打开 http://localhost:3000 以在浏览器中查看它。

如果你进行编辑,页面将重新加载。你还将在控制台中看到任何 lint 错误。

npm test

以交互式监视模式启动测试运行器。有关更多信息,请参阅有关 运行测试 的部分。

npm run build

将生产应用程序构建到 build 文件夹。它能将 React 正确地打包为生产模式中并优化构建以获得最佳性能。

构建将被压缩,文件名中将包含哈希。有关更多信息,请参阅 生产构建 部分。

这样你的应用已准备好部署了。有关将应用程序部署到服务器的详细信息,请参阅有关 部署 的部分。

npm run eject

注意:这是单向操作。一旦你 eject ,你就不能回去了!

如果你对构建工具和配置选项不满意,可以随时 eject 。此命令将从项目中删除单个构建依赖项。

相反,它会将所有配置文件和传递依赖项(Webpack,Babel,ESLint等)复制到项目中,以便你可以完全控制它们。除 eject 之外的所有命令仍然有效,但它们将指向复制的脚本,以便你可以调整它们。接下来你只能靠自己了。

你不必使用 eject 。精选功能集适用于中小型部署,你不应觉得必须使用此功能。但是我们知道,如果你不能在准备就绪时对它进行定制,那么这个工具就没什么用了。

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