本项目借助 Create React App 搭建,能帮助你快速开启 React 项目开发之旅,节省项目初始化时间,专注于业务逻辑实现。
此项目使用 Create React App 创建。在项目目录中,你可以运行以下脚本进行不同操作。
若要运行本项目,你需要安装 Node.js 和 npm。安装完成后,克隆项目仓库并进入项目目录,即可使用以下脚本。
npm start以开发模式运行应用。打开 http://localhost:3000 在浏览器中查看它。页面会在你进行更改时重新加载,你也可以在控制台中看到任何 lint 错误。
npm start
npm test启动交互式测试运行器。有关更多信息,请参阅运行测试部分。
npm test
npm run build将应用构建到生产环境的 build 文件夹中。它会正确地将 React 构建在生产模式下,并对构建进行优化以获得最佳性能。构建结果是经过压缩的文件名包含哈希值,你的应用程序已准备好部署!有关更多信息,请参阅部署部分。
npm run build
npm run eject注意:这是一次性操作。一旦你使用了 eject,你就无法返回!
如果你对构建工具和配置选择不满意,可以在任何时候使用 eject。此命令将从你的项目中移除唯一的构建依赖项。相反,它会复制所有配置文件以及转出依赖项(如 webpack、Babel、ESLint 等),直接放入你的项目中,这样你就可以完全控制它们了。除了 eject 之外的所有命令仍然有效,但它们将指向复制的脚本,因此你可以进行调整。从这一刻起,你就掌握主动权了。你不一定要使用 eject。经过优化的功能集适用于小规模和中等规模的部署,并且你不应该感到必须使用此功能的压力。然而我们理解,如果没有自定义选项,这个工具将不会对你有用。
npm run 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
⚠️ 重要提示
使用
npm run eject是一次性操作,一旦执行将无法返回,请谨慎使用。
💡 使用建议
在开发过程中,可优先使用
npm start进行开发模式的调试;在项目部署前,使用npm run build进行生产环境的构建。若对默认配置不满意,可在充分了解项目后再考虑使用npm run eject。