19、React项目开发全解析

React项目开发全解析

1. React项目命令执行

在React项目中，大部分命令通过 npm run 后接所需命令名来执行，且必须在包含 package.json 文件的文件夹中操作。例如，若要在示例项目中运行 build 命令，需导航到 projecttools 文件夹并输入 npm run build 。不过， start 命令是个例外，使用 npm start 来执行。具体命令及执行方式如下表所示：
| 命令 | 执行方式 |
| ---- | ---- |
| 普通命令（如build） | 在包含package.json的文件夹中，使用 npm run 命令名 |
| start命令 | 在包含package.json的文件夹中，使用 npm start |

2. 使用React开发工具

开发工具会自动检测 src 文件夹中的更改，编译应用程序，并打包文件以供浏览器使用。若开发工具未运行，可按以下步骤启动：
1. 打开命令提示符。
2. 导航到 projecttools 文件夹。
3. 运行 npm start 命令。

开发工具的核心包是 webpack ，它是许多JavaScript开发工