Javascript Webpack Dev服务器包含用于监视的其他文件

我正在为

Vue

开发服务器端渲染器，并将

webpack dev server

用作开发服务器。它已经运行得很好了，我已经设置了服务器，以便在其中一个源文件发生更改时触发构建。当然，它是开箱即用的，因为我的源文件是

webpack

config中

entry

的一部分

现在，使用

Vue

还可以指向用作服务器端渲染模板的

html

文件。将该html文件传递给Vue进行服务器端渲染相当简单

现在我要做的是每次

html

文件更改时更新

Vue

服务器端渲染器。因此，基本上我只需要分别告诉

webpack

或

webpack dev server

，以查看

html

文件上的文件更改

我该怎么做

以下是我的

webpack

config的要点：

module.exports = {
  entry: {
    client: 'src/path/to/client.js',
  },
  output: {
    path: appDist,
    publicPath: '/',
    filename: '[name].[chunkhash].js',
  },
  resolve: {
    extensions: ['.vue', '.js', '.json', '.mjs'],
  },
  module: {
    rules: [/* ...*/],
  },
  /* some other options here */
  devServer: {
    contentBase: [appDist, appPublic],
    publicPath: '/',
    port: 8080,
    compress: false,
    overlay: true,
    quiet: true,
  }
};

现在我还想告诉webpack，当

'public/index.html'

变化

请注意，我是这样手动调用webpack和dev服务器的

const compiler = webpack([config.client, config.server]);
const devServer = new WebpackDevServer(compiler, config.devServer);

---

因此，我还有

JavaScript

的所有选项，不可能通过配置在src/path/to/client.js上导入index.html来实现这一点。我对Vue了解不多，但请检查一下