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();
});

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