为什么运行 React 时 localhost 服务器会启动？答案

【问题标题】：Why does localhost server start when running React?为什么运行 React 时 localhost 服务器会启动？
【发布时间】：2019-10-17 13:57:01
【问题描述】：

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

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

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

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

为什么我需要启动服务器来运行 JavaScript？

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

另外，无论 create-react-app 是什么，其他框架是否也是如此？

我在这个问题上阅读了 React 的存储库等，但没有关于这个问题的主题。

【问题讨论】：

【解决方案1】：

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

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

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

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

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

【讨论】：