webpack-dev-serverで立てたサーバーにIPで接続する

webpack-dev-serverでローカルにサーバーを立てた場合、localhostではなくIPでアクセスすると見ることができませんでした。

PCなどはlocalhostでアクセスすれば問題なかったりするのですが、スマホでの動作など外部のデバイスから動作を確認したい場合に少し困ります。

接続方法

package.jsonとかのwebpack-dev-serverの設定に--host 0.0.0.0を追加する。

  "scripts": {
    "dev": "webpack-dev-server -webpack-dev-server --port 3000 --host 0.0.0.0,

webpack.conf.jsの設定にdisableHostCheck: trueを追加する。

  devServer: {
    disableHostCheck: true,

localhostではなくIPでアクセスできるようになる。

このあたりが参考になった。