webpack WatchIgnorePlugin

Webpack 是一个模块打包工具，通过插件可以扩展其功能。其中 WatchIgnorePlugin 是一个很有用的插件，可以帮助开发者忽略一些文件的变化，从而减少不必要的重新构建。

WatchIgnorePlugin 的作用

在开发过程中，有些文件可能会被频繁修改，但这些文件并不影响最终的构建结果。比如一些日志文件、临时文件等。如果每次这些文件发生变化都触发重新构建，会浪费大量的时间和资源。这时候就可以使用 WatchIgnorePlugin 来忽略这些文件的变化。

如何使用 WatchIgnorePlugin

首先，需要安装 webpack 和 WatchIgnorePlugin：

npm install webpack webpack-cli --save-dev
npm install watch-ignore-webpack-plugin --save-dev

然后在 webpack.config.js 中配置 WatchIgnorePlugin：

-- -------------------- ---- -------
----- ----------------- - ---------------------------------------

-------------- - -
  -------- -
    --- -------------------
      ------------ -- --- ------- -----
      ---------    -- -- ---- ---------
    --
  -
--

以上配置中，我们通过 WatchIgnorePlugin 的构造函数传入一个正则表达式数组，每个正则表达式代表一个需要忽略的文件或文件夹。当这些文件或文件夹发生变化时，Webpack 将不会重新构建。

WatchIgnorePlugin 的注意事项

• WatchIgnorePlugin 只在 watch 模式下生效，即运行 webpack 命令时带上 --watch 参数。
• 需要注意 WatchIgnorePlugin 的正则表达式匹配规则，确保正确忽略目标文件或文件夹的变化。

通过使用 WatchIgnorePlugin，可以有效减少不必要的重新构建，提高开发效率。