使用 cross-env 配置多环境变量一、什么是 cross-env？ cross-env 解决了不同操作系统下环境变

一、什么是 cross-env？

cross-env 解决了不同操作系统下环境变量设置的兼容性问题。例如，在 Windows 中设置环境变量需使用 SET NODE_ENV=production，而 macOS/Linux 使用 export NODE_ENV=production。通过 cross-env，开发者只需一条命令即可跨平台运行，无需关注系统差异。

二、安装 cross-env

在所有框架中，安装方式一致

yarn add cross-env --dev

三、通用配置方法

1. 配置 package.json 脚本

在 package.json 的 scripts 字段中，通过 cross-env 定义环境变量。例如：

{
  &#34;scripts&#34;: {
    &#34;dev&#34;: &#34;cross-env NODE_ENV=development vite&#34;,
    &#34;build:prod&#34;: &#34;cross-env NODE_ENV=production vite build&#34;
  }
}

2. 在代码中读取变量

通过 process.env.NODE_ENV 或其他自定义变量（如 VUE_APP_API_URL）获取值。
注意：部分框架对变量名有特定要求（如 Vue 要求以 VUE_APP_ 开头）