Reactjs 如何做出反应以忽略某些文件夹文件更新和don'；你不能重新编译吗？

我遇到了一个问题-在一些请求中，后端会在前端子文件夹中创建静态html文件，这会导致React重新编译和重新加载页面。这对我不好

如果简化，我有以下项目目录结构：

backend/
  ...
frontend/
  node_modules/
  package.json
  package-lock.json
  public/
    statements/
    ...
  src/
  webpack.config.js
  ...
...

我想对忽略

public/statements

文件夹更新做出反应

我怎么能做到

我发现也许我应该配置Webpack排除规则，但我没能做到

UPD1：这是我的

webpack.config.js

：

module.exports = {
  module: {
    rules: [
        {
            loader: 'babel-loader',
            test: /\.jsx?$/,
            exclude: /public/
        }
    ]
  }
};

UPD2:也尝试过这个，同样的问题：

const path = require('path');

module.exports = {
    devServer: {
        watchOptions: {
            ignored: [
                path.resolve(__dirname, 'public', 'statements'),
            ]
        }
    }
};

---

在webpack.config.js文件中，设置规则属性数组并设置排除文件夹 像这样

 module: {
  rules: [{
    loader: 'babel-loader',
    test: /\.js$/,
    exclude: /public/statements/
  }

---

在webpack.config.js文件中，设置规则属性数组并设置排除文件夹 像这样

 module: {
  rules: [{
    loader: 'babel-loader',
    test: /\.js$/,
    exclude: /public/statements/
  }

用于HMR重新加载

devServer: {
  watchOptions: {
    ignored: [
      path.resolve(__dirname, 'public', 'statements'),
    ]
  }
}

用于HMR重新加载

devServer: {
  watchOptions: {
    ignored: [
      path.resolve(__dirname, 'public', 'statements'),
    ]
  }
}

---

谢谢你的建议，我试过了，但还是失败了。将我的

webpack.config.js

包含到问题中，请查看，我做得对吗？同时添加测试属性并尝试其他问题-我应该将webpack config放置在哪里？在根文件夹中添加

test

属性，同样的问题，页面重新加载。顺便问一下，

test

是什么意思？谢谢你的建议，尝试了一下，但还是失败了。将我的

webpack.config.js

包含到问题中，请查看，我做得对吗？同时添加测试属性并尝试其他问题-我应该将webpack config放置在哪里？在根文件夹中添加

test

属性，同样的问题，页面重新加载。顺便问一下，

test

的意思是什么？你能提供完整的网页配置示例吗？我已经添加了一个问题，我的配置是根据你的答案创建的。不幸的是，它无法工作。你能提供完整的网页配置示例吗？我已经添加到问题中，我的配置是根据你的答案创建的。不幸的是，它无法工作。