我正在使用VueJS 2.6和Vuetify 2.1。我正在使用不同的资源（针对不同的品牌）构建相同的应用程序。对于颜色，我使用Vuetify Theme来更改应用程序颜色非常酷。
每次构建应用程序时，我都需要手动更改颜色，资源（图像，徽标，文件等）和.env内容。然后，我为开发人员运行npm run serve或为产品运行npm run build。
我正在寻找某种方法（我想像是vue cli命令）来保存品牌构建配置，选择品牌构建，构建将自动占用大量资源。
那么...可以为同一项目用不同的资源构建多个应用程序吗？例如，npm build google将使用带有某些图像，.env，文件等的Google品牌构建应用程序，而npm build apple将使用带有某些图像，.env，文件等的Apple品牌构建应用程序。
您可以使用环境变量来指示 NPM 在构建时应该使用哪些设置来编译您的应用程序。
此外，您可以使用 .env 文件来实现此目标，然后根据特定的环境变量指示您的应用程序读取这些 dotEnv 文件的内容。
例如：
您可以在 .env 文件中定义这些设置
// .env.google file
VUE_APP_BRAND_IMAGE=src/images/google.png
// .env.apple file
VUE_APP_BRAND_IMAGE=src/images/apple.png
然后在你的 Vue 应用程序中你可以像这样访问这个变量。
<template>
<div class="brand-image">
<img :src="brand_image" />
</div>
</template>
<script>
const BRAND_IMAGE = process.env.VUE_APP_BRAND_IMAGE
export default {
data(){
return {
brand_image: BRAND_IMAGE
}
}
}
</script>