Goal:
传递一个在构建时使用的参数,以便能够在我的 .env.Production 文件中使用它(或者如果不可能的话,可以让我将它用作环境变量)。
.env.生产文件:
VUE_APP_CLIENT_ID=00-should-be-using-what-was-passed-by-command-00
泊坞窗文件:
#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"
},
Why:
OBS:我确实使用了 webpack,它已经由 vue-cli 配置好了
我知道我可以配置不同的 .env 文件和模式,但我需要能够“注入”或在我的 .env.Production 文件中拥有动态变量,因为有时我会为不同服务器的生产进行构建。
我可以创建更多文件,这可以解决我的问题,但我想要一些更实用的东西。
Context:
我正在使用 Docker 和 Auth0,实际上我正在使用VUE_APP_CLIENT_ID
env 变量定义了它是否要点击请求,我已经有两个不同的VUE_APP_CLIENT_ID
定义(一个在 .env.development 上,一个在 .env.Production 上),问题是我需要在两台不同的服务器中部署完全相同的服务器,每台服务器在生产上都针对不同的 client_id 。
Tools:
Docker、docker-compose、Vue.js、vue-cli 3、npm
OS:
乌班图16.04
- 解决方案1:
自从process.env
公开所有环境变量,以便您可以运行
export MYCUSTOMENV=foo && npm run build
和使用process.env.MYCUSTOMENV
在任何你想要的地方。
来自 vue doc:只有以 VUE_APP_ 开头的变量才会静态嵌入到客户端包中。
- 解决方案2
Use process.argv
获取所有参数,并过滤你想要的内容:
npm run build a=b foo
process.argv.forEach((val, index) => {
console.log(`${index}: ${val}`);
});
output:
0: /usr/local/bin/node
1: /Users/tzp/xxx/vue-cli-service
2: build
3: a=b
4: foo
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)