创建-反应性-应用程序排除文件夹触发重新加载

Question

我有一个用例，在这个用例中我动态地将一个pdf文件存储在我的公用文件夹中。public/print-preview/。

这里的问题是，在创建和存储这样一个文件之后，应用程序会重新加载并丢失状态。

如何将这样的文件夹排除在监视之外？有没有办法做到这一点而不抛锚呢？

Answer 1

来自https://github.com/facebook/create-react-app/issues/2541：

我不认为我们会这样做，因为人们似乎一般不使用公用文件夹上传。反正在生产上也不行。 我建议您使用单独的服务器(无论如何都需要)和单独的文件夹进行图像上传，并让应用程序从不同的主机/端口加载图像(就像在生产中一样，例如从CDN)。

Answer 2

您可以打开文件node_modules\react-scripts\config\webpackDevServer.config.js并将watchOptions.ignored设置更改为包括如下所示的公用文件夹：

watchOptions: {
  ignored: [ ignoredFiles(paths.appSrc), paths.appPublic ]
},

当然，这只是暂时的，因为对node_modules的重新安装/更新会删除它。