React 应用开发指南

本指南介绍如何使用 Create React App 工具进行 React 应用开发。

启动开发服务器

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

npm start

该命令会在开发模式下运行应用,并在浏览器中自动打开应用页面。当代码发生变更时,页面会自动重新加载。同时,控制台会输出代码检查过程中发现的错误信息。

运行测试

执行以下命令,启动测试运行器:

npm test

该命令会在交互式监视模式下运行测试。

构建生产环境应用

执行以下命令,构建生产环境应用:

npm run build

该命令会将应用构建到 build 文件夹中。构建过程会以生产模式正确打包 React,并对构建结果进行优化以获得最佳性能。构建结果会被压缩,并且文件名会包含哈希值。

移除依赖

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

npm run eject

注意: 这是一个单向操作,执行后无法回退。

如果对当前的构建工具和配置不满意,可以执行该命令移除相关依赖。该命令会从项目中移除单个构建依赖,并将所有配置文件和传递依赖项(如 webpack、Babel、ESLint 等)添加到项目中。

总结

本指南介绍了使用 Create React App 工具进行 React 应用开发的基本流程,包括启动开发服务器、运行测试、构建生产环境应用以及移除依赖等。

zip 文件大小:194.68KB