Q&A
背景
dockerを利用したVueアプリケーションの公開
最近初めてVueを触ったのですが、環境依存性があり、dockerコンテナを利用する際はコンテナに入って
$ npm install
しないといけないことを知りました。(初学者なので勘弁)
個人で開発する分にはいいと思うのですが、作成したものを公開、ないし共有して利用してもらう場合
(デプロイしてアプリケーション自体を利用してもらうという意味ではない)
同様にコンテナに入ってから$ npm installしてね〜とREADMEに書くのはどうなんだろうと思っています。
知りたいこと
結局知りたいことですが、Dockerを利用したVueのアプリケーションを公開するときに
導入の際の手順として
$ npm install
してもらう必要があると思いますが、どうするのが一般的？であり、親切なのかを知りたいです。
自分の中の想像としては
・Dockerfileで記述してコンテナを立てたらnpm installが完了するようにする
くらいしか思いついてません。
回答5件
#1
総合スコア787
投稿2023/03/21 08:39
初心者ならWeb公開とdockerを使うのは一旦置いておいて、javascriptとvueの使い方をローカルでちゃんと学んだ方がいいと思います。
#2
総合スコア10268
投稿2023/03/21 09:27
vue程度で環境依存してることがおかしいけど
どうしてもDockerが必要ならREADMEに書くしかない。
## 必要な環境 - node.js v〇〇以上 - △△ ## Dockerを使う場合のインストール docker run ... ## Dockerを使わない場合のインストール △△が必須。 npm install
#3
総合スコア143061
投稿2023/03/21 09:33
作成したものを公開、ないし共有して利用してもらう場合
通常は「コンパイルして出来上がったJavaScriptを公開」で片付くのですが、それでは問題となる背景事情はどのようなものでしょうか？
#4
総合スコア21111
投稿2023/03/22 03:31
今の所のベストプラクティスとしては
Docker HubとGitHub Actionsを勉強していけば解決するでしょう。
.dockerignoreでdocker build時のnode_modulesディレクトリを無視するようにしますdockerfile内でnpm installをしてインストール- もしこれらをDocker Hub等で配布するなら、GitHub Actionsのmainブランチが更新されたら自動で
docker build→docker pushまでしてくれるように設定すると漏れがなくて良いよね
どうするのが一般的？であり、親切なのかを知りたいです。
Dockerは配布されるimageの中身は
全ての依存モジュールが全て揃った状態で整っており、
後はdocker runで起動できる状態になっているべきです。
例えばDocker Hubのmysqlを見れば分かりますが、
READMEのどこにもapt instlalでMySQLをインストールしてから実行してね！なんて書いてありません。
docker runで起動したら過不足ないMySQLサーバとして即座に実行されます。
そもそもDockerを使う大きなメリットの一つが、ライブラリの組み合わせで「ちゃんと動くモジュールが完成している」事ですから、
モジュールがバラバラでイチから集め直さなきゃいけないんだよ、
それじゃDockerかませるより生のLinuxのがいいよねって話です。
なので、配布されたimageからnpm installしてねはおかしいです。
とはいえ、UbuntuやCentOS、Alpine等のLinuxのディレクトリ構造が再現されただけのバニライメージや、
Node.jsだけが動く事が担保されたバニライメージもあります。
これらは全ての礎になり、そこから貴方の思い描く完成形を更に詰め込んで動作するimageを生成する為の材料となります。
これには例外もあります。
今回の質問文に最もその一番ありがちな例が、
Node.jsバニラのイメージをそのまま使い、docker run時に外から注入して運用する場合です。
これは開発時タイミングで
とりまdocker-compose.ymlで用意しただけという状況ならそうなっている事が多いです。
質問文の内容が正式リリース時点でそうなら、(時間的な都合で)ほぼその状態のまま改良される事なく正式リリースしてしまったのだと考えられます。
Docker Hubに登録するにしても企業だと金かかるしね。
予算申請とかめんどくせ、となってる間に忘れたとかもありがちです。
#5
総合スコア183
投稿2023/04/08 05:45
下記は私が普段使っているものです。
Imageをbuildしたタイミングで自動でnpm installされます
.dockerignoreも必要だと思います。 COPYした時にnode_modulesを除外するためのものです。
Dockerfile
1 2FROM node:18.14.2-buster 3 4WORKDIR /usr/src/app 5 6COPY package*.json ./ 7 8# npmを最新のversionにする && 上でコピーしてきたpackageに沿ってnpm install 9RUN npm install -g npm && npm install 10# 本番環境用の場合 11# RUN npm install --only=production 12 13COPY . .
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。