返回模板

React.js 模板

极简 React.js 脚手架,基于 Create React App,适合快速原型开发。

框架React.js
应用场景快速开始
极简 React.js 脚手架,基于 Create React App,适合快速原型开发。

使用 Create React App 开始

此项目是使用 Create React App 启动的。

部署

使用 EdgeOne Pages 部署

可用脚本

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

npm start

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

当您进行更改时,页面将重新加载。
您也可以在控制台中看到任何 lint 错误。

npm test

在互动观察模式下启动测试运行器。
有关更多信息,请参见 运行测试 部分。

npm run build

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

构建是缩小的,文件名包括哈希。
您的应用已准备好进行部署!

有关更多信息,请参见 部署 部分。

npm run eject

注意: 这是一个单向操作。一旦您 eject,您将无法回退!

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

取而代之的是,它将所有配置文件和传递依赖(webpack、Babel、ESLint 等)直接复制到您的项目中,这样您就可以完全控制它们。除了 eject 之外的所有命令仍然可以工作,但它们将指向复制的脚本,您可以对其进行调整。此时您就要自己负责了。

您并不一定要使用 eject。经精心策划的特性集适用于小型和中型部署,您不必觉得有义务使用此功能。然而,我们理解,如果您无法在准备好时自定义它,这个工具将没有用处。

了解更多

您可以在 Create React App 文档 中了解更多信息。

要学习 React,请查看 React 文档

代码拆分

该部分已移至此处: https://facebook.github.io/create-react-app/docs/code-splitting

分析包大小

该部分已移至此处: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

创建渐进式 Web 应用

该部分已移至此处: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

高级配置

该部分已移至此处: https://facebook.github.io/create-react-app/docs/advanced-configuration

部署

该部分已移至此处: https://facebook.github.io/create-react-app/docs/deployment

npm run build 无法缩小

该部分已移至此处: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify