AngularJS的可重用docker镜像

我们有一个AngularJS应用程序.我们为它编写了一个dockerfile,因此它可以在每个系统上重用. dockerfile不是最佳实践,它可能是一些奇怪的构建(在同一个文件中构建和托管),但它只是为了在每个开发人员的每台PC上本地运行我们的angularjs应用程序而创建.

Dockerfile:
FROM nginx:1.10

... Steps to install nodejs-legacy + npm

RUN npm install -g gulp
RUN npm install
RUN gulp build  

.. steps to move dist folder

我们使用docker build -t myapp：latest构建我们的图像.
每个开发人员都可以使用docker run -d -p 80:80 myapp：latest运行我们的应用程序

但现在我们正在开发其他后端.所以我们在DEV中有一个后端,UAT的后端,……
因此,我们需要在/config/xx.json中使用不同的URL

{
  ...
  "service_base": "https://backend.test.xxx/",...
}

我们不希望每次都更改该URL,重建图像并启动它.我们也不想声明可以在那里使用的一些URL(dev,uat,prod,..).我们希望使用环境变量而不是硬编码的URL来执行我们的gulp构建过程.

所以我们可以像这样启动容器：

docker run -d -p 80:80 --env URL=https://mybackendurl.com app:latest

是否有人有这种问题的经验？所以我们在json中需要一个env变量并构建它,如果可能的话,稍后再添加URL.

ARG URL

docker build --build-arg URL=<my-url> .