create-react-app 从触发重新加载中排除文件夹

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 将删除它。