[DOCKER] Ich habe Angular gestartet

Eine Aufzeichnung des Versuchs von Angular mit Docker Das automatische Erkennen und Kompilieren von Quellcode-Updates während des Startvorgangs des Servers hat viel Zeit in Anspruch genommen.

Umgebung

Docker for Windows Angular CLI: 8.1.2 Node: 11.15.0

Erstellen und starten Sie einen Container

Dockerfile

FROM node:11.15.0-stretch

RUN npm install -g @angular/cli && ng config -g cli.packageManager yarn

WORKDIR /app

version: '3'

services:
  node:
    build: .
    ports:
      - "4200:4200"
    volumes:
      - ".:/app"
    tty: true

Container-Start

docker-compose up -d

Betreten Sie die Containerkonsole Benutzer ist root oder node oder was auch immer Sie möchten

docker-compose exec --user node node bash

Angular Erstellen Sie ein Projekt im App-Verzeichnis des Containers --style kann aus css, scss, sass usw. ausgewählt werden. Fügen Sie das Root-Modul mit --routing hinzu

ng new my-project --style=scss --routing

Serverstart --host 0.0.0.0 weil ich Docker benutze --poll Wenn Sie Docker verwenden, müssen Sie Quellcode-Aktualisierungen erkennen und das Kompilierungsintervall angeben

cd my-project
ng serve --host=0.0.0.0 --poll=2000

Sie sollten jetzt über localhost: 4200 auf Angulars Apps zugreifen können Wenn Sie docker-compose.yml den folgenden Befehl hinzufügen, wird der Server außerdem gestartet, wenn der Container gestartet wird.

version: '3'  

services:
  node:
    build: .
    ports:
      - "4200:4200"
    volumes:
      - ".:/app"
    tty: true
    command: [sh, -c, cd my-project && ng serve --host=0.0.0.0 --poll=2000]

Referenz

https://qiita.com/k5n/items/1a4987a430cf32e3e57d https://qiita.com/k5n/items/dbda26cf6b899a11329d https://qiita.com/friedaji/items/c3aba48542872f029c21