React 中的“npm start”命令执行了哪些任务？

Question

请帮助我解决以下问题：

1. “npm”是我们安装Node.js时出现的。我说的对吗？

2. "create-react-app" 包安装/加载我们的 React 项目所需的 Babel 和 Webpack。我说的对吗？

3. 什么时候编译和翻译 React 代码？以下几点是否正确？

一个。创建 React 项目并开发一些代码后，我们正在通过运行“npm start”命令在浏览器中加载我们的应用程序。那么在运行这个命令时，Babel 是否会编译 React 代码并将其转换为具有 ES5 标准的 JavaScript 代码？当我们运行“npm start”命令时，是否会发生这种向 ES5 的转换？

b.我还了解到 Webpack 会将 React 项目中的所有各种文件合并到一个 .js 文件中。那么当我们运行“npm start”命令时，Webpack 是否会合并所有不同的文件？

4. 所以如果我的上述理解是正确的，当我们运行“npm start”命令时，React 代码将被编译、翻译和合并到一个文件中。正确吗？

Answer 1

npm start 实际上只是存在于package.json 中的一个命令，可以配置为随心所欲。它通常用于启动“启动”应用程序所需的所有事情。在使用create-react-app 创建的react 应用程序的上下文中，start 命令将调用react-scripts start，它指向一个名为react-scripts 的文件，该文件位于您的node_modules/.bin 中。如果您想查看发生的所有事情，可以通读该文件。

简而言之，您是正确的，它将使用 babel 将代码转换为浏览器可以理解的内容，它将使用 webpoack 创建一个捆绑文件（如果您使用代码拆分，则创建多个）。它还将启动一个 webpack 开发服务器，该服务器通常会监听 3000 端口，它会打开你的默认浏览器到你的应用程序。这些默认设置可以在package.json 中被覆盖。

希望这能让您更加清楚。