Question

我有一个简单的html / js / ReactJS页面应用程序，可在添加到index.html的此类脚本的帮助下使用。它在没有任何服务器的情况下运行，因为客户端需要仅在其计算机上使用它：

  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"</script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>

如何使该应用离线运行？我可以使用节点服务器，但是当客户端下载应用程序时，需要使用唯一的index.html文件打开它。

Answer 1

只需下载上面的三个文件：

react：https://unpkg.com/react@16/umd/react.production.min.js
react-dom：https://unpkg.com/react-dom@16/umd/react-dom.production.min.js
babel：https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js

您可以执行以下操作：转到上面的脚本标签中的src链接，右键单击网页，单击Save As，选择文件类型为JavaScript，然后将以上src链接替换为index.html，以那些下载的文件。

您可以为该站点创建一个特殊的文件夹，并在该文件夹内，可以粘贴index.html文件的副本以及js文件夹，并将上面下载的三个JavaScript文件保留在该js文件夹中。

您现在可以像下面这样简单地替换上面三个脚本标签中的src链接：

<script src="js/react.production.min.js" />
<script src="js/react-dom.production.min.js" />
<script src="js/babel.min.js" />

但是，这仅在客户端仅查看网站时有效。如果客户要说，编辑文件并想要类似hot reload之类的东西，他们将需要为此设置服务器。

我需要我的ReactJS应用程序无需服务器即可脱机工作

1 个答案: