Webpack Dev Server включает дополнительные файлы для просмотра

Question

Я работаю на серверном рендере для Vue и использую webpack dev server в качестве сервера разработки.Он уже работает довольно хорошо, я настроил сервер так, чтобы он запускал сборку при изменении одного из исходных файлов.Конечно, он делает это из коробки, потому что мои исходные файлы являются частью entry в конфигурации webpack.

Теперь с помощью Vue вы также можете указать на файл html, который обслуживаетв качестве шаблона для рендеринга на стороне сервера.Довольно просто передать этот html-файл в Vue для рендеринга на стороне сервера.

Теперь я хочу обновлять рендерер на стороне сервера Vue каждый раз, когда изменяется файл html.В общем, все, что мне нужно, это указать webpack или webpack dev server соответственно, чтобы также отслеживать изменения файла в этом html файле.

Как я могу это сделать?

Для контекста, это суть моей webpack конфигурации:

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 это невозможно сделать через конфигурацию