为什么运行React时本地服务器会启动？

Question

create-react-app似乎在npm start中启动localhost服务器。

  

（npx随附于npm 5.2及更高版本，请参阅旧版npm的说明）

     

然后打开http://localhost:3000/来查看您的应用。

     

当您准备部署到生产环境时，请使用npm run build创建一个缩小的包。

https://facebook.github.io/create-react-app/docs/getting-started

为什么只需要运行一台服务器来运行JavaScript？

直接在浏览器中打开构建结果文件有什么区别，优点和缺点？

另外，不管create-react-app是否适用于其他框架？

我阅读了关于此问题的React的存储库等，但是没有关于此问题的主题。

Answer 1

create-react-app启动本地服务器的主要优点之一是热重载。

当您编写包括React在内的大多数现代JavaScript时，您的代码需要先进行转译（实质上是转换为JS的不同版本），然后浏览器才能理解。这称为构建过程，该过程将获取src目录中的所有文件，并将它们捆绑到一个静态JS文件中。

您可以使用npm run build手动执行此操作，这将创建一个index.html，您可以在不运行服务器的情况下在浏览器中打开它。但是您必须经历两个部分才能看到您的更改：重建然后重新加载浏览器以查看您的更改。

create-react-app的构建是为了监视文件中的更改，每当您单击保存时更新构建的JS，然后重新启动服务器并自动加载更改。

通过在本地主机上运行服务器，create-react-app可以在每次保存时立即更新页面，而无需手动重建或刷新页面。热装！