docker - 在 Vue.js 中构建期间传递要由 .env.[mode] 文件使用的参数(命令行)
问题描述
目标:
传递一个要在构建时使用的参数,以便能够在我的 .env.production 文件中使用它(或者如果不可能的话,可以让我将它用作环境变量)。
.env.production 文件:
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"
},
为什么:
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-compose、Vue.js、vue-cli 3、npm
操作系统:
Ubuntu 16.04
解决方案
- 解决方案-1:
由于process.env
暴露了所有环境变量,所以你可以运行
export MYCUSTOMENV=foo && npm run build
并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
推荐阅读
- google-cloud-platform - gsutil 和 gcloud 有什么区别?
- php - 如何在 TWIG 中获取 Cookie 值?
- elasticsearch - ElasticsearchException:运行机器学习本机代码失败
- user-interface - 统一以不同纵横比为 UI 设置动画的问题
- javascript - 使用 rss-feed 逐项自动滚动网页
- javascript - 尝试将 BASH 安装到 VSCode 时无法编辑用户设置。"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
- mysql - 在我尝试安装 php-mysql 后,DBeaver 6.2.1 停止在我的 Ubuntu 19.04 上运行
- reactjs - 如何在 react redux 中分离一个数组,以便我可以在两列中显示数据
- javascript - 你如何使用 mobx 执行深度数组更新?
- c++ - qml中可以有一些虚拟键盘吗?