请帮助我解决以下问题:
“ npm ”是我们安装 Node.js 时出现的一种。我正确吗?
“ create-react-app ”软件包安装/加载了我们的React项目所需的 Babel 和 Webpack 。我正确吗?
React代码何时会被编译和翻译?以下几点是正确的吗?
a。在创建React项目并开发了一些代码之后,我们通过运行“ npm start ”命令在浏览器中加载我们的应用程序。因此,在运行此命令时,Babel是否将编译React代码并将其转换为具有ES5标准的JavaScript代码?当我们运行“ npm start”命令时,会转换为ES5吗?
b。我还了解到 Webpack 会将React项目中的所有各种文件合并为单个 .js 文件。那么,当我们运行“ npm start ”命令时,是否将通过Webpack合并所有不同的文件?
答案 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
中覆盖。
希望这可以使您更加清楚。