angular - Docker Angular 容器-热装

Question

我有一个构建我的Angular应用程序的dockerfile:

FROM node:8.11.3-alpine
RUN mkdir -p /usr/src/app
WORKDIR /usr/src/app
COPY package*.json ./
RUN npm install -g nodemon
RUN npm install -g @angular/cli@6.0.8 && npm install
COPY . /usr/src/app
EXPOSE 5004
CMD ng serve --host 0.0.0.0

我想将热重载添加到我的docker容器中，以便代码更改自动反射(reflect)在我的浏览器中。

Nodemon 似乎是启用热重装的最佳工具，只是我似乎无法使用Dockerfile正确配置它。

有人可以向我解释在Docker中使用nodemon的最佳方法，以便我的 Angular 应用可以热重载吗？

Answer 1

您的Dockerfile将所有项目数据复制到容器中。这些副本将不受主机上文件更改的影响。
要更改此设置，可以将带有项目代码的卷装入容器。为此，请使用以下命令运行容器:

-v ./src:/usr/src/app/src

它将本地src文件夹安装到容器中。不覆盖已安装的npm_modules文件夹。
如果您在Windows上，则hyper-v和文件更改存在问题。作为解决方法，您可以使用--poll标志运行ng serve来启用轮询。在我们的文件中

CMD ng serve --poll 200 --host 0.0.0.0

现在，每隔200毫秒ng serve将主动检查文件更改。