※こちらは旧サイトです(新サイトはこちら)
Dockerコンテナ内でwebpack-dev-serverを実行すると
70% 3/3 build moduleshttp://localhost:8080/
webpack result is served from /
content is served from dist
404s will fallback to /index.html
Hash: 2c98f29fa412f2e0a393
Version: webpack 1.13.1
Time: 6631ms
Asset Size Chunks Chunk Names
main.css 111 bytes [emitted]
index.html 929 bytes [emitted]
bundle.js 2.01 MB 0, 1, 2 [emitted] css, html, jsx
こんな感じの表示が出て、特にポート指定していなければ、8080ポートでListenし始める
この後、http://localhost:8080/
にはアクセスできるが、http://[DockerのIP]:8080/
としてもアクセスが拒否され、小一時間ハマった
webpack-dev-server実行箇所に、--host=0.0.0.0
を追加
$ vim package.json
{
"scripts": {
"start": "webpack-dev-server --host=0.0.0.0 --hot --inline --progress --colors --history-api-fallback", // ←ここ
"build": "webpack --progress --colors"
},