Docker / Angular4 / Nginx

Question

I am beginner in Docker and I created this Dockerfile

FROM nginx:1.13-alpine

ENV APP_PATH /app
ENV PATH $APP_PATH/node_modules/@angular/cli/bin/:$PATH

RUN apk add --update --no-cache nodejs && mkdir $APP_PATH && rm -rf /etc/nginx/conf.d/*
WORKDIR $APP_PATH

COPY . .

COPY nginx/default.conf /etc/nginx/conf.d/

RUN npm install \
  && ng build --aot --prod \
  && rm -rf /usr/share/nginx/html/* \
  && mv ./dist/* /usr/share/nginx/html/ \
  && npm cache clean \
  && apk del nodejs libstdc++ libgcc libuv http-parser ca-certificates \
  && rm -rf ./*

CMD ["nginx", "-g", "daemon off;"]

and Nginx config

server {

  listen 80;

  sendfile on;

  default_type application/octet-stream;


  gzip on;
  gzip_http_version 1.1;
  gzip_disable      "MSIE [1-6]\.";
  gzip_min_length   256;
  gzip_vary         on;
  gzip_proxied      expired no-cache no-store private auth;
  gzip_types        text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
  gzip_comp_level   9;


  root /usr/share/nginx/html;


  location / {
    try_files $uri $uri/ /index.html =404;
  }

}

I build image docker build --rm -t appName -f Dockerfile . and run container docker run -it -p 8080:80 appName

Everything is ok. But I have one problem. I can't change my code interactively. I commit my changing docker commit .... I restart my container several times but nothing happened. I would appreciate any advice.

vedarthk · Accepted Answer · 2017-07-16 19:58:15Z

1

Docker allows you to either copy files while building the image or you can mount local directory/files while running the container. Looking at your Dockerfile it looks like you are copying the code into the image while building, which is why the state in which your files are while building the image is what you will get when you run the container.

I am assuming you are using Linux/Mac, following is an example to mount your project directory inside docker container:

$ docker run -v "$PWD/dist:/usr/share/nginx/html" -it -p 8080:80 appName

Now any changes to files on the host OS will reflect in the docker container.

Note: your docker file is fine but you can make improvements by reading articles on the internet.

answered Jul 16, 2017 at 19:58

vedarthk

1,3331 gold badge16 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Василь Терлецький Over a year ago

Thank you vedarthk

Collectives™ on Stack Overflow

Docker / Angular4 / Nginx

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related