Webpack 网页包开发服务器监视特定文件夹，文件更改触发插件

我有一个包含

html

文件的文件夹，它由

myHtmlPlugin

编译。我希望

webpack dev server

监视此文件夹中的更改并运行

myHtmlPlugin

。基本上，我想为自定义插件添加没有入口点的watcher。这可能吗

所有

html

文件被编译成单个

js

此输出被设置为入口点：

在插件类内部，在网页包中默认的

apply

方法设置为watcher:

在目录中更改文件时，

nodejs

将所有

html

文件编译为单个文件，这是

webpack

服务器的入口点

fs.readdir(directoryPath, (err, files) => {
  fs.writeFileSync(
    path.resolve(__dirname, 'public/htmltemplates.min.js'),
    this.filecontent,
    (err) => {
      if(err) throw new Error(err);
    }
  )
});

module.exports = {
  entry: {
    htmlTemplates: 'htmltemplates.min.js',
  },

class myHtmlPlugin {
  apply(compiler) {
    fs.watch(
      path.resolve(__dirname, 'templates/views/'),
      'utf8', 
      (eventType, filename) => {
          this.compileHtml();
    });
  }
}