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 存储库等,但没有关于此问题的主题。
最佳答案
create-react-app
启动本地服务器的主要优势之一是热重载。
当您编写大多数现代 JavaScript(包括 React)时,您的代码需要先转译(本质上是转换为不同版本的 JS),然后浏览器才能理解它。这称为构建过程,它获取 src
目录中的所有文件并将它们捆绑到一个静态 JS 文件中。
您可以使用 npm run build
手动执行此操作,它会创建一个 index.html,您可以在浏览器中打开它而无需运行服务器。但是您必须经历两部分过程才能看到您的更改:重建然后重新加载浏览器才能看到您的更改。
create-react-app
的构建是为了监视文件中的更改,在您点击保存时更新构建的 JS,然后重新启动服务器,自动加载您的更改。
通过在本地主机上运行服务器,create-react-app
可以在您每次保存时立即更新您的页面,而无需您手动重建或刷新页面。热重载!
关于reactjs - 为什么 localhost 服务器在运行 React 时启动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56403179/