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.
Docker for Windows Angular CLI: 8.1.2 Node: 11.15.0
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]
https://qiita.com/k5n/items/1a4987a430cf32e3e57d https://qiita.com/k5n/items/dbda26cf6b899a11329d https://qiita.com/friedaji/items/c3aba48542872f029c21
Recommended Posts