[DOCKER] J'ai commencé Angular

Un record d'essayer Angular avec Docker Il a fallu beaucoup de temps pour détecter et compiler automatiquement les mises à jour du code source pendant le démarrage du serveur.

environnement

Docker for Windows Angular CLI: 8.1.2 Node: 11.15.0

Créer et démarrer un conteneur

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

Démarrage du conteneur

docker-compose up -d

Entrez dans la console du conteneur L'utilisateur est root ou node ou ce que vous voulez

docker-compose exec --user node node bash

Angular Créer un projet dans le répertoire d'application du conteneur --style peut être sélectionné parmi css, scss, sass, etc. Ajouter un module racine avec --routing

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

Démarrage du serveur --host 0.0.0.0 car j'utilise Docker --poll Si vous utilisez Docker, vous devez détecter les mises à jour du code source et spécifier l'intervalle de compilation

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

Vous devriez maintenant pouvoir accéder aux applications Angular à partir de localhost: 4200 De plus, si vous ajoutez la commande suivante à docker-compose.yml, le serveur démarrera également au démarrage du conteneur.

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]

référence

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