※こちらは旧サイトです(新サイトはこちら

コンテナの中のwebpack-dev-serverにアクセス出来なくてハマった件

2016-07-08 16:59:32

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/としてもアクセスが拒否され、小一時間ハマった

--host=0.0.0.0 を実行コマンドに追加

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"
  },