Firebase部署时如何指定使用Vite的.env.development变量？

你遇到的问题核心在于：部署Functions时Firebase会默认触发生产环境的自动构建，而你之前的配置都是针对Hosting的，所以没起到作用。以下是具体解决方法：

方法1：修改Firebase的Functions部署配置 #

检查你的firebase.json中functions模块的predeploy脚本——这是Firebase部署前自动执行的命令。根据需求调整：

• 如果你需要Firebase帮你构建但用开发环境变量：
  先安装跨平台环境变量工具cross-env：npm install cross-env --save-dev
  然后修改firebase.json：

  "functions": {
    "predeploy": "cross-env NODE_ENV=development npm run build"
  }
  

• 如果你已经手动构建好Functions代码，不想让Firebase自动重建：
  直接删掉predeploy字段，这样部署时Firebase只会上传已有的构建产物，不会触发新的构建流程。

方法2：手动构建+部署（推荐） #

在package.json的scripts中添加针对Functions的开发环境构建+部署命令，完全绕过Firebase的自动构建逻辑：

"scripts": {
  "build:functions:dev": "cross-env NODE_ENV=development tsc", // TypeScript项目用这条，JS项目替换为你的构建命令
  "deploy:functions:dev": "npm run build:functions:dev && firebase deploy --only functions"
}

执行npm run deploy:functions:dev，就会先以开发环境变量构建Functions代码，再直接部署，Firebase不会额外触发重建。

补充：确保开发环境变量被正确加载 #

如果你的Functions依赖.env.development文件，需要在Functions的入口代码里手动加载：

const dotenv = require('dotenv');
dotenv.config({ path: './.env.development' });

记得先安装dotenv：npm install dotenv --save

内容的提问来源于stack exchange，提问作者CyberYeti