本项目借助 Create React App 启动,为你提供便捷的 React 项目开发体验。
在项目目录中,你可以运行以下脚本:
npm start以开发模式运行应用。打开 http://localhost:3000 即可在浏览器中查看应用。当你对代码进行更改时,页面会自动重新加载。同时,你还可以在控制台中看到任何代码检查错误。
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
相关内容已移动到: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