researchranks/alpine.angular repository overview

⁠Docker Alpine Angular

• Docker:
  • Alpine: 3.6.2
  • Node: 8.5.0
  • TypeScript: 2.5.2
  • Lite-Server: 2.3.0
  • Angular via Angular-CLI: 1.4.2

⁠References:

• Docker Hub: researchranks/alpine.node.typescript
• Repository: https://github.com/researchranks/docker.alpine.angular⁠
• Dockerfile: https://github.com/researchranks/docker.alpine.angular/blob/master/Dockerfile⁠
• Base Image: Apline 3.6.2

⁠Setup:

• folder structure for docker.alpine.node:

  • var/www/app/

• folder structure for the lite-server:

  • var/www/app/public/index.html

• folder structure for angular app:

  • var/www/app/app.angular/

⁠NPM Installs

• angular/[email protected]
• [email protected]
  • small minimal http server for web view
• [email protected]

⁠Example:

• Docker run wants absolute paths
• docker-compose is just a stand-in for the docker-engine client
• Start with docker-compose up
• Otherwise use our custom bash tool dockr for complex docker shortcuts

docker run \
-v $PWD/app:/var/www/app/ \
-p 80:8080 \
--name alpine.angular.dev \
-it --rm researchranks/alpine.angular:latest ng serve --host 0.0.0.0 --port 8000

docker run \
-v $PWD/app:/var/www/app \
-p 80:8080 \
--name alpine.angular.dev \
-it --rm researchranks/alpine.angular:latest npm start

docker run \
-v $PWD/app:/var/www/app \
-p 80:8080 \
--name alpine.angular.dev \
-it --rm researchranks/alpine.angular:latest /bin/ash