如何使用Docker和Angular重新加载实时更改?

时间:2017-09-09 14:12:20

标签: javascript angular typescript docker

如何使用Docker和Angular 4重新加载实时更改?此时我必须重建我的容器以重新加载更改。我知道这是可能的,但互联网上找到的方法都没有对我有用。我将不胜感激。

搬运工-compose.yml:

version: '3'

services:
  db:
    image: postgres
  django:
    build: .
    command: python3 manage.py runserver 0.0.0.0:8000
    volumes:
      - .:/code
    ports:
      - "8000:8000"
    depends_on:
      - db
  angular:
    build: frontend
    ports:
      - "4200:4200"
    depends_on:
      - django

来自前端的Dockerfile:

# Create image based on the official Node 6 image from dockerhub
FROM node:6

# Create a directory where our app will be placed
RUN mkdir -p /usr/src/app

# Change directory so that our commands run inside this new directory
WORKDIR /usr/src/app

# Copy dependency definitions
COPY package.json /usr/src/app

# Install dependecies
RUN npm install

# Get all the code needed to run the app
COPY . /usr/src/app

# Expose the port the app runs in
EXPOSE 4200

# Serve the app
CMD ["npm", "start"]

1 个答案:

答案 0 :(得分:1)

在当前配置中,您只能在创建时将应用程序文件复制到容器中,因此只能复制一次。 ({{1}})

我建议您在本地目录中创建volume link并使用nodemon之类的文件更改观察程序,以便它可以跟踪所做的任何更改并重新启动应用程序。这假设你不需要像webpack / gulp / grunt这样的构建文件来运行。