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 將刪除它。