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

Question

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

Answer 1

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

如果您对它的工作原理更感兴趣，您应该尝试运行npm runject。

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

如果您随后查看package.json并查看“脚本”部分，您可以开始遵循每个命令的实际用途。例如，可以在此处找到“启动”命令。这将调用脚本文件夹中的 start.js 文件。您将在该文件中看到正在启动的 webpack-dev-server。

一般来说，您可以查看 scripts 和 config 这两个文件夹来了解详细信息。