React 项目构建与部署指南

本指南介绍如何构建和部署 React 项目。

项目启动

在项目目录下执行以下命令启动开发服务器:

npm start

此命令将在开发模式下运行应用程序,并在浏览器中打开应用。

  • 代码修改将触发页面自动重新加载。
  • 控制台将显示代码检查 (linting) 错误信息。

项目测试

执行以下命令启动测试运行程序:

npm test

此命令将以交互式监视模式运行测试。

项目构建

执行以下命令构建生产环境可用的应用程序:

npm run build

此命令将:

  • 在生产模式下正确打包 React。
  • 优化构建以获得最佳性能。
  • 使用包含哈希值的文件名压缩构建文件。

构建完成后,项目已准备好部署。

移除构建依赖

警告: 以下操作不可逆。

执行以下命令移除单个构建依赖项:

npm run eject

如果您对当前构建工具和配置不满意,可以使用此命令。它会将所有配置文件和传递依赖项(如 webpack、Babel、ESLint 等)直接复制到您的项目中。执行此操作后,您将无法恢复到使用 react-scripts 的状态。

总结

本指南介绍了启动、测试、构建和移除 React 项目依赖项的方法。

zip
intro-react-com-4i-master.zip 预估大小:24个文件
folder
intro-react-com-4i-master 文件夹
folder
public 文件夹
file
manifest.json 492B
file
index.html 2KB
file
robots.txt 67B
file
favicon.ico 3KB
file
logo512.png 9KB
file
logo192.png 5KB
folder
src 文件夹
folder
styles 文件夹
folder
styles.css 文件夹
folder
components 文件夹
folder
CicloDeVida 文件夹
file
CicloDeVida.js 2KB
folder
CicloDeVida.css 文件夹
folder
Stateful 文件夹
file
Stateful.js 562B
file
Stateful.css 41B
folder
Counter 文件夹
file
Counter.js 564B
folder
Layout 文件夹
file
Layout.js 313B
file
Button.js 350B
folder
OtraPantalla 文件夹
file
OtraPantalla.js 129B
folder
Form 文件夹
file
Form.js 2KB
folder
Stateless 文件夹
file
Stateless.css 73B
file
Stateless.jsx 223B
file
App.js 751B
file
index.js 230B
file
README.md 3KB
file
.gitignore 310B
file
package-lock.json 569KB
file
package.json 807B
zip 文件大小:176.66KB