Как заставить webpack-dev-server следить за файлами, которые мы не подключаем в зависимостях?

Question

[Masterstvo]

Добрый день!
Разбираюсь с Webpack. На сколько мне известно webpack-dev-server следит и пересобирает сборку, если произошли изменения в любом из файлов в зависимостях от точки входа (entry). Я использую html-webpack-plugin и шаблонизатор pug, т.е. этот файл я нигде через require не подключаю. Но при изменении в pug-файле, webpack-dev-server хоть и пересобирает сборку (видно в консоли), но изменения который я внес pug не отображаются на экране. Приходится перезагружать браузер в ручную. А это очень очень бесит!!!

Хочу поинтересоваться у тех кто в теме, как решить данную проблему!!!

Мой webpack.config.js

let HtmlWebpackPlugin = require('html-webpack-plugin');
let HtmlWebpackPugPlugin = require('html-webpack-pug-plugin');
let webpack = require('webpack');
let ExtractTextPlugin = require('extract-text-webpack-plugin');
let path = require('path');

module.exports = {
    entry: './src/app.js',
    output: {
        path: path.resolve(__dirname,'dist'),
        filename: 'bundle.js'
    },
    module: {
      rules: [
          {
              test: /\.js$/,
              exclude: /node_modules/,
              loader: 'babel-loader'
          },
          {
            test: /\.css$/,
            use: ExtractTextPlugin.extract({
                fallback: 'style-loader',
                use: ['css-loader','postcss-loader']
            })
          },
          {
              test: /\.pug$/,
              loader: 'html-loader!pug-html-loader'
          }
      ]
    },
    devServer: {
        contentBase: path.join(__dirname, "dist"),
        compress: true,
        stats: 'normal',
        hot: true
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: 'src/index.pug'
        }),
        new ExtractTextPlugin('css/style.css'),
        new HtmlWebpackPugPlugin()
    ]
};

Comments

[Make Now]

Здравствуйте, получилось разрешить данную проблему?