node.js - 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 的转换？

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

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

标签： node.jsreactjsnpmwebpackbabeljs

Answer 1

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

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

希望这能让你清楚。