React中的“ npm start”命令执行什么任务?

时间:2019-12-25 21:27:20

标签: node.js reactjs npm webpack babeljs

请帮助我解决以下问题:

  1. npm ”是我们安装 Node.js 时出现的一种。我正确吗?

  2. create-react-app ”软件包安装/加载了我们的React项目所需的 Babel Webpack 。我正确吗?

  3. React代码何时会被编译和翻译?以下几点是正确的吗?

a。在创建React项目并开发了一些代码之后,我们通过运行“ npm start ”命令在浏览器中加载我们的应用程序。因此,在运行此命令时,Babel是否将编译React代码并将其转换为具有ES5标准的JavaScript代码?当我们运行“ npm start”命令时,会转换为ES5吗?

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

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

1 个答案:

答案 0 :(得分:0)

npm start实际上只是package.json中存在的命令,可以将其配置为执行您喜欢的任何操作。它通常用于启动“启动”应用程序所需的所有操作。在使用create-react-app创建的react应用程序的上下文中,start命令将调用react-scripts start,指向指向react-scripts的文件,该文件位于您的node_modules/.bin中。如果您想查看发生的所有事情,则可以通读该文件。

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

希望这可以使您更加清楚。