如何在Nuxt 3中使用Nitro重命名Firebase Functions？

问题背景 #

当前使用Nuxt搭配Nitro的Firebase预设构建后，生成的.output/server/index.mjs文件中默认导出的函数名称为server，但官方配置中没有直接修改这个名称的选项。

解决方案 #

可以通过Nuxt的构建钩子在编译完成后修改输出文件，并同步更新Firebase配置：

1. 在nuxt.config.js中添加构建钩子

通过nitro:build:after钩子，在Nitro构建完成后修改生成的index.mjs文件，替换默认的导出名称：

// nuxt.config.js
// https://nuxt.com/docs/api/configuration/nuxt-config
// eslint-disable-next-line no-undef
export default defineNuxtConfig({
  preset: 'node-server',
  modules: [
    '@nuxtjs/tailwindcss',
  ],
  nitro: {
    preset: 'firebase',
  },
  srcDir: './src',
  hooks: {
    'nitro:build:after': async (nitro) => {
      const fs = await import('fs/promises');
      const path = await import('path');
      const indexFile = path.join(nitro.options.output.serverDir, 'index.mjs');
      
      // 读取文件内容并替换导出名称（将myFunction改为你需要的名称）
      let content = await fs.readFile(indexFile, 'utf-8');
      content = content.replace(/export { s as server } from .*firebase.mjs';/, 'export { s as myFunction } from \'./chunks/nitro/firebase.mjs\';');
      
      // 写回修改后的内容
      await fs.writeFile(indexFile, content, 'utf-8');
    }
  }
});

2. 更新Firebase配置文件（firebase.json）

修改firebase.json中的函数配置，确保入口指向修改后的导出名称：

{
  "functions": {
    "source": ".output/server",
    "runtime": "nodejs18",
    "main": "index.mjs"
  }
}

验证步骤 #

1. 执行构建命令：npm run build
2. 检查.output/server/index.mjs文件，确认导出名称已变为你自定义的名称
3. 部署Firebase函数：firebase deploy --only functions

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