docker-compose を使ってvue.jsの環境構築を行う際のnpmコマンドが反映されない

Question

前提

docker-compose を使ってvue.jsの環境構築を行っている。処理高速化のためnode_modulesはバインドマウントではなくvolumeマウントをおこない、vue createコマンドによってvueプロジェクトは作成済とします。

実現したいこと

docker-compose up --build コマンドでコンテナを起動した際に
DockerfileのRUNに記載したnpm install ●● を反映させたい

発生している問題

DockerfileのRUNの箇所にnpm install ●●を書いても反映されない。
(今回はaxiosをインストールしたかったが反映されなかった)

該当のソースコード

# docker-composeのバージョン
version: '3' 

services: 
 
  frontend:
    build:
      context: .
      dockerfile: Dockerfile
    command: npm run serve
    container_name: frontend
    volumes:
      - ./src/frontend:/code
      - node_modules_volume:/code/node_modules
    ports:
      - "8080:8080"
    expose:
      - "8080"
    tty: true
    stdin_open: true

volumes:
  node_modules_volume:

FROM node:18.1-alpine

WORKDIR /code

RUN apk update && \
    npm install -g npm && \
    npm install -g @vue/cli

RUN npm install axios

ADD . /code

試したこと

下記コードのようにdocker-compose.ymlのcommand欄にnpm install ●●を書けば反映される。(具体的にはdocker-compose exec frontend sh でコンテナの中に入り、nodemodulesの中にaxiosフォルダが作成されていることを確認した)
インストール関連のコマンドはDockerfileのRUNに書けば良いと思っていたのだが、使い分けがよく分からなくなってしまった。RUN命令はDockerfileからImageを作成するときに実行されると書いてあったが、それならdocker-compose up --build コマンドを実行した際に反映されそうな気がしてしまいます。

# docker-composeのバージョン
version: '3' 

services: 
 
  frontend:
    build:
      context: .
      dockerfile: Dockerfile
    command: >
      sh -c "npm install axios &&
            npm run serve"
    container_name: frontend
    volumes:
      - ./src/frontend:/code
      - node_modules_volume:/code/node_modules
    ports:
      - "8080:8080"
    expose:
      - "8080"
    tty: true
    stdin_open: true

volumes:
  node_modules_volume:

FROM node:18.1-alpine

WORKDIR /code

RUN apk update && \
    npm install -g npm && \
    npm install -g @vue/cli

ADD . /code