没有没针对 Vue 项目中 .env 配置文件过多的优化方案?

37次阅读

共计 448 个字符,预计需要花费 2 分钟才能阅读完成。

技术背景:
vite, vue3

问题:
项目打包到不同的地方,需要读取不同的值。目前这个值配置在 .env.{envName} 文件中,然后配合 build:{envName} 来打包满足以上的需求。例如:

// .env.demo1 文件
VITE_APP_XXX=XXX

// .env.demo2 文件
VITE_APP_XXX=XXX

// .env.demo3 文件
VITE_APP_XXX=XXX

// package.json 文件
{
  scripts: {
    // ...
    build:demo1: "vite-build --mode demo1",
    build:demo2: "vite-build --mode demo2"
    build:demo3: "vite-build --mode demo3"
  }
}

随着发布的环境越来越多,每次发布都需要添加一个新的 .env 文件和 build 命令。

期望:
能否有办法可以打包的时候动态传递这些变量值,或者别的方法,不希望每次有新的环境都要更改代码。再不济有没有什么方案可以优化上面的打包思路?谢谢各位大佬,不胜感激。

正文完
 0