Javascript 如何在没有服务器的情况下运行react应用程序

我已使用npx create react app my app创建了项目

运行npm run build时，我得到以下信息：

70.28 KB build\static\js\2.93539f7c.chunk.js 22.82 KB构建\static\css\main.cfe0ffe9.chunk.css 1.41 KB（+44 B）build\static\js\main.79f4d9a1.chunk.js 761 B build\static\js\runtime~main.fdfcfda2.js

该项目是在假定它位于服务器根目录下的情况下构建的。你 您可以通过package.json中的homepage字段来控制这一点。对于 例如，添加以下内容为GitHub页面构建：

看起来我需要一个服务器来运行应用程序

是否可以在没有任何服务器运行的情况下在本地运行此功能？我的意思是，既然它只是html、css、js，为什么这里需要一个服务器？为了什么

还有很多文件生成到build文件夹中，还有一个index.html，一个静态文件夹，所以它不像一个bundle.js和一个index.html，看起来更复杂

任何人都可以解释为什么构建文件夹包含这么多文件？运行应用程序要考虑哪一个？

谢谢

是否可以在没有任何服务器运行的情况下在本地运行此功能

没有

我的意思是，既然它只是html、css、js，为什么这里需要一个服务器？为了什么

React使用XHR加载内容，XHR不能请求文件方案URL

任何人都可以解释为什么构建文件夹包含这么多文件

---

React利用代码分块优化加载的数据。这意味着不立即使用的JS可以稍后加载，并且不会影响初始页面加载和第一次呈现之间的时间。

默认情况下，Create React App生成一个构建，假设您的应用托管在服务器根目录下。 要覆盖此选项，请在package.json中指定主页，例如：

“主页”：http://mywebsite.com/relativepath“

这将允许CreateReact应用程序正确推断要在生成的HTML文件中使用的根路径

资料来源：

因此，您只需将主页指定为当前路径：

---

“主页”：“/”

使用

npm start

。我的意思是我想使用生产模式，这样所有文件都优化了，npm start将启动开发模式。视情况而定，如果你想相对地访问文件，你需要一台服务器。@RajendrakumarVankadari我不确定我是否理解你，相对地访问文件是什么意思？你能更具体一点吗？我也能在没有任何服务器的情况下运行html、css和js吗？是的，你需要一个web服务器来发布网站。