如何使用webpack观看新的条目文件？

Question

我有webpack.config.js生成与每个pug-source模板对应的html文件：

const glob = require('glob');

module.exports = {
  entry: glob.sync('src/*.pug').reduce((acc, value) => {
      acc[value] = './' + value;
      return acc;
    }, {}),
  output: {
    filename: '[name].js',
    publicPath: '/'
  },
  module: {
    rules: [
      { test: /\.pug$/, use: [
        "file-loader?name=[name].html",
        "extract-loader",
        "html-loader",
        "pug-html-loader"
      ] },
    ]
  }
};

它运行正常，当我运行webpack-dev-server时，我可以导航到浏览器中生成的html文件。但我也希望webpack在dev服务器运行时观察和处理新的条目文件。我怎样才能做到这一点？