webpackはドッカーファイルを改善して自動化を改善します

Question

ドッカーでnpmプロジェクトを自動化する方法を知りたいと思います。
私はVue.jsプロジェクトでwebpackを使用しています。 npm run buldを実行すると、出力フォルダ./distが表示されます。 docker build -t projectname .でドッカー画像を作成してこのコンテナを実行すると、すべてが完璧に機能しています。

これは私のDockerfile（hereを発見した）

FROM httpd:2.4 
COPY ./dist /usr/local/apache2/htdocs/ 

あるしかし、私はちょうどnpm run buildを経由して、手動でプロジェクトをビルドする必要がドッカイメージを構築しなかった場合、それはいいだろう。あなたは私の問題を理解していますか？ 解決方法はありますか？

Answer 1

コンテナの外にあるすべての作業（npm buildなど）を行っていて、まれにしか変更がない場合は、単純なシェルスクリプトを使用して2つのコマンドをラップすることができます。

頻繁に繰り返す開発をしている場合は、コンテナサービス（またはローカルで実行）としてタスクランナー（grunt maybe？）を使用することを検討してください。

Docker内でタスクを実行/ビルドする場合は、docker-composeを参照してください。これを設定する方法の詳細は、あなたのワークフローの詳細が必要ですが、docker-composeは、単一のファイルに複数のサービスをリンクすることを比較的容易に定義し、簡単なコマンドセットで開始および停止します。