reactjs - 为什么 localhost 服务器在运行 React 时启动？

Question

create-react-app 似乎在 npm start 启动本地主机服务器。

(npx comes with npm 5.2+ and higher, see instructions for older npm versions)

Then open http://localhost:3000/ to see your app.

When you’re ready to deploy to production, create a minified bundle with npm run build.

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

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

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

此外，无论 create-react-app 是否适用于其他框架？

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

Answer 1

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

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

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

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

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