こちらを参考にReactのwebpack環境をDockerで構築しようとしています。
ディレクトリ構造は以下の通りです
. ├── app │ ├── app │ ├── dist │ │ └── index.html │ └── src │ └── app.js ├── docker-compose.yml ├── nginx │ ├── Dockerfile │ └── nginx.conf └── webpack ├── Dockerfile └── webpack.config.js
上の記事のような構成で作成したところ、docker-compose up
をした時に
❯ docker-compose up Starting reactjs_nginx_container ... done Starting reactjs_webpack_container ... done Attaching to reactjs_webpack_container, reactjs_nginx_container webpack_1 | The CLI moved into a separate package: webpack-cli webpack_1 | Would you like to install webpack-cli? (That will run npm install -D webpack-cli) (yes/NO)reactjs_webpack_container exited with code 0
となり止まってしまいます。localhostで開けるのでnginxの方は正常に動作しているようです。
webpack-cli
が入っていないためwebpack
が実行できないのだろうと思い、webpack/Dockerfile
にwebpack-cliを追記したのですが解決しません。
FROM node:7.9.0 WORKDIR /app COPY ./webpack.config.js /app/webpack.config.js RUN npm init -y RUN npm install -g webpack RUN npm install --save react react-dom RUN npm install --save-dev webpack-cli babel-loader babel-core babel-preset-es2015 babel-preset-react CMD ["webpack", "-d", "--watch"]
--save-dev以外にも念のため-g, --saveにも追加してみましたが同じくダメでした。
解決方法や情報ありましたらよろしくお願いします…
あなたの回答
tips
プレビュー