webpack-dev-server で他のローカルマシンのブラウザでもライブリロード

webpack で es2015 とか PostCSS とかを使ってフロントエンドを開発するのに webpack-dev-server を使うとオートリロードするのでとてもいい。

でも webpack-dev-server のデフォルトではループバックアドレスになってるっぽいので、0.0.0.0 を設定に入れてあげると他のマシンのブラウザでアクセスできて、一気にいろんなブラウザがオートリロードで確認できて更に便利だなーと思った。

...
module.exports = {
   ...
   ...
   devServer: {
      contentBase: 'dist',
      port: 3000,
      host: '0.0.0.0'
   },
   ...
   ...
}

特に hot とか inline 設定してないけどライブリロードしてくれてるみたい。