ファイヤーウォールを無効にしてwebpack-dev-serverのサンプルアプリへアクセス

仮想マシン上でやっているチュートリアルをlocalhost以外からアクセスできるようにしたときの覚書。

環境: CentOS 8.1.1911, Node.js v12.16.1, webpack-dev-server@2.11.5

Material Design Components for Webのチュートリアルをやっている。

GitHubで配布されているスターターアプリはlocalhostで動かす前提なので、仮想マシンで実行してWindowsで確認する場合はwebpack-dev-serverの設定を変更する必要がある。
(ちなみにWindowsでも動くので大人しくlocalhostで試した方が早い)

まずはファイヤーウォールを停止。
# systemctl stop firewalld

package.jsonを編集
公式ドキュメント: DevServer | webpack
$ cd /home/httpd/httpdocs/material-components-web-codelabs/mdc-101/starter/
$ less package.json
  "scripts": {
    "start": "webpack-dev-server --progress --host 0.0.0.0"
  },

実行
$ npm start

ブラウザでアクセスするときはIPアドレスで。
NetBIOS名でアクセスできるようにしたかったけど、うまく動かなかった。