"npm start" 如何在 create-react-apps 中工作

How "npm start" works in create-react-apps

执行 npm start 命令后,后台发生了什么?它是否生成类似网络服务器的东西以便您的浏览器可以与之通信?

create-react-app 中的 npm start 正在做很多事情,其中​​它使用 webpack-dev-server 启动您可以与之通信的开发服务器。

如果您对它的工作原理更感兴趣,您应该尝试 运行 npm run eject

这将允许您查看 Create-React-App 的作用,因为它将 npm start 的脚本 运行 直接放置在您的应用程序目录中。它进一步将这些脚本使用的 webpack 配置文件添加到您的目录中。最后它会更新你的 package.json 文件,这样你就可以真正看到 Create-React-App 正在使用的依赖项(在这些依赖项中你会发现 webpack-dev-server)

如果您随后查看 package.json 并查看 "scripts" 部分,您可以开始了解每个命令的实际作用。例如 "start" 命令可以在这里找到。这将调用脚本文件夹中的 start.js 文件。这是您将看到正在启动的 webpack-dev-server 的文件。

一般可以查看scriptsconfig两个文件夹了解详情。