DockerでAngular開発

0efeeaefa58435c513886e372cc63575?s=47 rayyyy
January 11, 2019
140

 DockerでAngular開発

0efeeaefa58435c513886e372cc63575?s=128

rayyyy

January 11, 2019
Tweet

Transcript

  1. 12.

    Dockerfile 作成 FROM node:11.6.0 as build_env RUN npm install -g @angular/cli

    WORKDIR /root/my-app # コンテナ内のファイルはローカルのエディタで編集するために # ローカルのファイルをコンテナ内のワーキングスペースにコピー COPY . /root/my-app/
  2. 13.

    docker-compose.yml 作成 version: '3.7' services: web_dev: build: context: . target: build_env

    tty: true # 処理が終わってもコンテナが終了しないように ports: - "4200:4200" # ローカルでの動作確認用 volumes: - .:/root/my-app # コンテナのフォルダをローカルにマウントする
  3. 15.
  4. 16.

    all: rm build up ps build: docker-compose build --no-cache up:

    docker-compose up -d --build exec: docker-compose exec web_dev bash Makefile 作成 ps: docker ps -a && echo "\n" docker-compose ps rm: docker-compose stop docker-compose rm -f
  5. 18.

    Angular環境完成したのでプロジェクト作成 $ docker-compose up -d or make up $ docker-compose

    exec web_dev bash or make exec root@71ca9dfb0e43:~/my-app# ng new myApp root@71ca9dfb0e43:~/my-app# cd myApp/ root@71ca9dfb0e43:~/my-app/myApp# ng serve --host 0.0.0.0 http://localhost:4200/
  6. 19.