React 项目构建与部署指南
本指南介绍如何构建和部署 React 项目。
项目启动
在项目目录下执行以下命令启动开发服务器:
npm start
此命令将在开发模式下运行应用程序,并在浏览器中打开应用。
- 代码修改将触发页面自动重新加载。
- 控制台将显示代码检查 (linting) 错误信息。
项目测试
执行以下命令启动测试运行程序:
npm test
此命令将以交互式监视模式运行测试。
项目构建
执行以下命令构建生产环境可用的应用程序:
npm run build
此命令将:
- 在生产模式下正确打包 React。
- 优化构建以获得最佳性能。
- 使用包含哈希值的文件名压缩构建文件。
构建完成后,项目已准备好部署。
移除构建依赖
警告: 以下操作不可逆。
执行以下命令移除单个构建依赖项:
npm run eject
如果您对当前构建工具和配置不满意,可以使用此命令。它会将所有配置文件和传递依赖项(如 webpack、Babel、ESLint 等)直接复制到您的项目中。执行此操作后,您将无法恢复到使用 react-scripts
的状态。
总结
本指南介绍了启动、测试、构建和移除 React 项目依赖项的方法。
intro-react-com-4i-master.zip
预估大小:24个文件
intro-react-com-4i-master
文件夹
public
文件夹
manifest.json
492B
index.html
2KB
robots.txt
67B
favicon.ico
3KB
logo512.png
9KB
logo192.png
5KB
src
文件夹
styles
文件夹
176.66KB
文件大小:
评论区