watchOptions.ignored和webpack.WatchIgnorePlugin有什么区别

Question

当使用带有手表的webpack时,例如在使用时webpack-dev-server,似乎(至少)有两种不同的方式来排除观看文件.我真的找不到关于这两种配置之间差异的文档以及它们为何不同的文档.有谁知道为什么？一种方法是首选吗？我应该打开一个问题和/或提出改进文档的请求吗？

我最近遇到的情况是第一次运行时多次触发手表的情况是通过添加watchIgnorePlugin而不是固定来修复的watchOptions.ignored

webpack.WatchIgnorePlugin

在监视模式下,忽略指定的文件,即与提供的路径或正则表达式匹配的文件.

new webpack.WatchIgnorePlugin(paths)

选项

• paths(array):RegExps列表或目录的绝对路径或应忽略的文件.

---

https://webpack.js.org/plugins/watch-ignore-plugin/

watchOptions.ignored

对于某些系统,观看许多文件系统可能会导致大量CPU或内存使用.可以排除一个巨大的文件夹,如node_modules:

 ignored: /node_modules/

也可以使用任何匹配模式:

 ignored: "files/**/*.js"

---

https://webpack.js.org/configuration/watch/

Answer 1

-pluginWatchIgnorePlugin支持应忽略的正则表达式列表或目录或文件的绝对路径。

- 选项watchOptions.ignored支持任何匹配模式，其中包括正则表达式、glob、字符串或将字符串作为参数并返回 true 或 falsy 值的函数。

watchOptions.ignored如果您在 Windows 上工作，这可能是不适合您的原因：

注意：此模块具有 Bash 奇偶校验，请注意，不支持 Windows 样式的反斜杠作为分隔符。有关更多信息，请参阅https://github.com/micromatch/micromatch#backslashes 。