如何将动态创建的 env var (vuecli-3) 传递给 npm run？答案

【问题标题】：How to pass dynamically created env var (vuecli-3) to npm run?如何将动态创建的 env var (vuecli-3) 传递给 npm run？
【发布时间】：2021-08-30 02:49:53
【问题描述】：

我的目标是能够从一个 vue-cli 项目中构建微型应用程序，以便将所有东西都放在一个地方。到目前为止，我正在使用动态创建的 env var 构建不同的 dist 文件夹，如下所示：

"build:test" : "env APP_DIR=\"folderName\" vue-cli-service build && npm run deployTest"
"build:test2" : "env APP_DIR=\"folderName2\" vue-cli-service build && npm run deployTest2"
...

npm run deployTest 应该上传构建。现在，我在各种部署脚本中硬编码了每条路径。

有没有办法将动态创建的env 变量值转发给npm run，例如npm run deploy --env APP_DIR？还是其他解决方案？

提前谢谢你，

【问题讨论】：

标签： vue-cli-3

【解决方案1】：

好的，所以在做了一些研究并在这篇帖子pass-an-argument-command-line-to-be-used-by-an-env-mode-file-during-build 的帮助下，我提出了一个解决方案，可能不是最好的或最优雅的，但对我有用：

"build" : "vue-cli-service build",
"build:test" : "export APP_DIR=\"folderName\" && npm run build && npm run deployTest"
"build:test2" : "export APP_DIR=\"folderName2\" && npm run build && npm run deployTest"

像这样我可以通过调用process.env.APP_DIR在后续脚本中使用APP_DIR变量

【讨论】：