Dockerイメージファイルの書き方

Dockerファイルを作成する時は、大まかに以下の流れとなります。

• 任意のディレクトリに「Dockerfile」のファイル名でファイル作成する。
• 作成したDockerfileに内容を記載する。
• 作成したDockerfileのあるディレクトリまで移動して、以下のコマンドを実行する。

$ docker build .

2の「作成したDockerfileに内容を記載する。」の部分について、書き方をこの後からまとめます。

上記のDockerfileでは、例えばindex.jsのみに変更を加えてイメージを再ビルドする場合でも（package.jsonに変更がない場合でも）、 「COPY ./ ./」のコマンド実行時にファイル変更があったと見なされ、それに続く「RUN npm install」はキャッシュを参照せず実行されることとなります。

Dockerfileのビルドでは上から順にコマンドが実行され、もしコマンド自体や参照するファイルに変更があった場合（今回の例の場合index.jsに変更あり）、それ以降のコマンドはキャッシュは参照せずに実行されるんですね。
そのため、「npm install」コマンドの実行に余分な時間がかかってしまいます。

このような場合、以下のようにDockerfileを書き直すことで、package.jsonに変更があった場合のみ「RUN npm install」がキャッシュを参照せず実行されるようにできます。

FROM node:14-alpine

WORKDIR /usr/app

COPY ./package.json ./  #　←　まずは「package.json」だけをコピーするように変更
RUN npm install
COPY ./ ./

CMD ["npm", "start"]

まずpackage.jsonを先にコピーしてから「RUN npm install」を実行することでpackage.jsonに変更があった場合のみ、「RUN npm install」されるようになります。

ここまでの内容は一つのDockerfileに対して、一つのイメージを使用して来ましたが、 一つのDockerfileに複数のイメージを定義することも可能です。
具体的には以下のように記載します。

# 1つ目のイメージを定義
FROM node:14-alpine as builder
WORKDIR '/app'
COPY ./package.json ./
RUN npm install
COPY ./ ./
RUN npm run build

# 2つ目のイメージを定義
FROM nginx
COPY --from=builder /app/build /usr/share/nginx/html

これでNode.jsで作成したWebアプリケーションをnginxサーバにデプロイする動作となります。
「COPY」の部分で「--from=builder」をはじめにつけることで、1つ目に定義した「builder」のファイルシステムをコピー元とするということになるんですね。
最後のコピー先が「/usr/share/nginx/html」になっているのはこちらのページにそこに配置してくださいと書かれていたためです。