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