0%

Deploying Angular2 Project in Docker

准备工作

本文主要讲解怎么在Docker中部署Angular2项目,当然,该Angular2项目是由angular-cli创建的项目。

  1. 安装docker服务,参考Install Docker
  2. 安装docker-compose工具,参考Install Docker Compose
  3. 拉取镜像node:6-alpine

部署Angular2项目

编写Dockerfile文件

1
2
3
4
5
6
7
8
9
10
11
12
FROM node:6-alpine

ADD . /app
WORKDIR /app

RUN npm install -g @angular/cli http-server \
&& npm install \
&& ng build -prod \
&& cp dist/index.html dist/404.html

EXPOSE 80
CMD ["http-server", "/app/dist", "-p", "80"]

编写docker-compose.yaml文件

1
2
3
4
5
6
7
version: "2"
services:
master:
build: .
restart: always
ports:
- 8080:80

编译并运行项目

1
docker-compose up -d --build