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

Question

I have a use case where I'm dynamically storing a pdf file in my public folder. public/print-preview/ .

The issue here is that the application reloads and the state gets lost after such a file was created and stored.

How can I exclude such a folder from being watched? And is there a way to achieve this without ejecting?

Answer 1

from https://github.com/facebook/create-react-app/issues/2541 :

I don't think we'll do this as it seems like people generally don't use public folder for uploads. And it wouldn't work in production anyway.

I would recommend to use a separate server (which you need anyway) and separate folder for image uploads, and have the app load images from a different host/port (just like it would in production, eg from a CDN).

Answer 2

You can open the file node_modules\\react-scripts\\config\\webpackDevServer.config.js and change the watchOptions.ignored setting to include the public folder like this:

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

Of course this is only temporary as reinstall/updates to node_modules will remove this.