javascript - Webpack 插件创建监视文件夹

Question

我创建了一个 webpack 插件，希望它能够在文件夹发生变化时触发对我的 dist 文件夹的重新编译，但我找不到有关如何执行此操作的信息。

我知道这是可能的，因为当 from: 目录中的任何文件更改时，CopyWebpackPlugin 会触发重新编译。

在创建的插件中，我如何观察文件夹中的更改，这些更改会触发 webpack 重新编译到 dist 文件夹？

Answer 1

看起来技巧就是使用

compiler.plugin("watch-run", (compilation,callback) => {
}

我使用 npm 包“watch”为某些目录中的更改创建事件监听器:

watch.watchTree(rootPath, function(f,curr,prev){
   ...
   callback();
});

这将根据您可以检查的根路径下文件的事件触发监视树回调函数内的代码。