webpack-dev-server利用時のauto-reloadについて

作業していて、webpack-dev-serverを利用時にHTMLファイルを更新しても、auto-reloadが行われなかたので対応メモ

webpack.config.jsの設定

module.exports = {
  entry:{
    …
  },
  output: {
    …
  },
  resolve: {
    …
  },

  devServer: {
    contentBase: path.join(__dirname, '/'),
    watchContentBase: true,
    …
  }
};
  1. contentBase で指定したディレクトリにHTMLファイルを配置しる
  2. watchContentBase の値を true に指定する。*1

*1:デフォルトは false