我应该如何配置Webpack以使React网站无需服务器即可使用

时间:2019-02-02 00:00:13

标签: reactjs webpack

我正在建立一个反应网站。它的目标是能够简单地将完成的网站放在USB钥匙上,并能够在没有任何互联网访问的计算机上使用它。

我正在使用React v16.6。我已经尝试过简单地打开build/index.html文件,但是收到了几个Not allowed to load local resource: file:///static/...,页面空白。 该项目正在使用JSON文件,图片和视频。

我真的不知道我应该从这里去哪里。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

根据您的一些详细信息,我假设您正在使用create-react-app。

如果您阅读错误消息或查看build.html,您将看到内置站点正在尝试从/build/static/js/...加载JavaScript。这将有效地尝试从文件系统的根目录而不是当前目录加载文件。您可以在package.json中设置"homepage": ".",然后内置站点将正确加载文件。当您执行npm run build时收到的消息中对此进行了记录,该消息还链接到https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#deployment以获得更多详细信息。