Webpack插件创建监视文件夹

Question

我创建了一个webpack插件，并希望它能够在文件夹中的更改中触发重新编译到我的dist文件夹，但是我无法找到有关如何执行此操作的信息。

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

在创建的插件中，如何查看文件夹以查找将触发webpack重新编译到dist文件夹的更改？

Answer 1

看起来诀窍是使用

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

我使用了npm包＆＃34; watch＆＃34;为某些目录中的更改创建事件侦听器：

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

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