javascript - 是否可以使用公用文件夹中的 create-react-app 提供静态文件？

Question

基本上，我为客户制作了一个(相对)简单的应用程序。该应用程序运行正常，但他们一直要求更改数据。

考虑到该应用最初预期的简单性以及它保存静态数据的事实，我没有将它链接到任何后端。所有数据都保存在一个本地静态文件中，该文件中有一个保存数据的对象。

问题是 fle 被捆绑到 buld 中，所以如果我只想更改一些静态数据而不必重新构建，我做不到!

我的数据文件可以在公用文件夹中访问 Assets ，这些 Assets 工作正常。我试图用 js 文件实现相同的想法。

我无法从/src 文件夹之外导入。

有没有一种方法可以访问以某种方式在构建时添加的静态文件夹中的静态数据？

Answer 1

是的，您可以将 Assets 放在静态文件夹中。

Docs: Using the Public Folder

• 您可以使用 %PUBLIC_URL%/path/resource 引用 index.html 中的路径。
• 您可以在 javascript 代码中使用 process.env.PUBLIC_URL + '/path/resource'。

这两种方法都会在最终构建的构建时被替换。

如果这些是 javascript Assets ，构建将不会意识到它们。您需要将其构建为外部 javascript 库，并将它们存储在您可以在代码中引用的全局变量中。然后你可以在你的 index.html

中加载那个 javascript 库