javascript - Webpack watchOptions.ignored - 排除某些目录被忽略

Question

对于 webpack's watch feature , watchOptions.ignored允许我指定 anymatch要忽略的模式，如下所示:

module.exports = {
  //...
  watchOptions: {
    ignored: ['files/**/*.js', 'node_modules']
  }
};

是否可以使用任意匹配或正则表达式模式来指定 node_modules 的子文件夹不忽略？

在这种情况下，我需要忽略 node_modules 中的所有内容除了 node_modules 中以“abc-”开头的所有子文件夹”。

Answer 1

我试图排除所有没有/src/ 的文件夹。我在 glob 模式上尝试了 negative，但没有用。

watchOptions.ignored

正则表达式 字符串 [字符串]

文档说它支持 string 和 [string]，其中 string 可以是 glob 模式。

When using glob patterns, we convert them to regular expressions with glob-to-regexp

因为他们使用 glob-to-regexp在内部，我认为否定匹配没有按预期工作https://github.com/fitzgen/glob-to-regexp/issues/15

---

因为文档说我们也可以使用 RegExp。 我尝试了以下两个，都成功了!

watchOptions: {
    ignored: new RegExp('.*^((?!(/src/)).)*$'),
},

和

watchOptions: {
    ignored: '.*^((?!(/src/)).)*$',
},

我认为它不支持具有 RegExp 的数组(对于多种情况，我们可以使用 regex or)。

如果你使用正则表达式，你将能够实现这个问题中提到的案例。

引用:

• https://webpack.js.org/configuration/watch/#watchoptionsignored