docker-在Vue.js的构建过程中传递一个供.env.[mode]文件使用的参数(命令行)

.env.production文件：

VUE_APP_CLIENT_ID=00-should-be-using-what-was-passed-by-command-00

Docker文件：

#Inside my docker file
RUN npm run build #I need to pass the argument here

我的package.json脚本是：

"scripts": {
    "serve": "vue-cli-service serve --mode development",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "test:unit": "vue-cli-service test:unit"
 },

为什么：
OBS：我确实使用了webpack,它已经由vue-cli配置
我知道我可以配置不同的.env文件和模式,但是我有时需要在.env.production文件中“注入”或具有动态变量,因为有时我是为不同的服务器生产的.
我可以创建更多文件,这可以解决我的问题,但是我想要更实用的东西.

内容：
我正在使用Docker和Auth0,实际上我正在使用VUE_APP_CLIENT_ID env变量,该变量定义是否要挖掘请求,我已经有两个不同的VUE_APP_CLIENT_ID定义(一个在.env.development上,一个在.env.production上)事实是,我需要在两台不同的服务器中部署完全相同的服务器,每台服务器针对生产中的不同client_id.

工具：
Docker,docker撰写,Vue.js,vue-cli 3,npm

作业系统：
Ubuntu 16.04

由于process.env公开了所有环境变量,因此可以运行

出口MYCUSTOMENV = foo&& npm运行构建

并在您想要的任何地方使用process.env.MYCUSTOMENV.

从vue doc：仅将以VUE_APP_开头的变量静态嵌入到客户端捆绑包中.

>解决方案2

使用process.argv获取所有参数,并过滤所需的内容：

npm run build a = b foo

process.argv.forEach((val, index) => {
  console.log(`${index}: ${val}`);
});

输出：

0: /usr/local/bin/node
1: /Users/tzp/xxx/vue-cli-service
2: build
3: a=b
4: foo