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

Question

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

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

如何从监视中排除此类文件夹？有没有办法在不弹出的情况下实现这一目标？

Answer 1

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

我不认为我们会这样做，因为似乎人们通常不会这样做 使用公用文件夹进行上载。而且它在生产中不起作用 无论如何。

我建议使用单独的服务器（无论如何您都需要）和 用于上传图像的单独文件夹，并让应用程序从 不同的主机/端口（就像在生产中一样，例如来自 CDN）。

Answer 2

可以打开文件node_modulesreact-scriptsconfigwebpackDevServer.config.js并更改watchOptions.ignored设置以包含公用文件夹，如下所示：

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

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