Firebase/auth Chrome扩展含远程代码未通过Chrome应用商店审核求优化方案

很多Chrome扩展开发者都遇到过这个问题：使用import { getAuth } from "firebase/auth";引入Firebase v9.22.1的auth模块时，打包产物中会自动生成_loadJS这类动态加载远程脚本的函数，直接违反Chrome应用商店禁止执行远程代码的审核政策，导致扩展无法通过审核。

针对你的问题，整理解决方案如下： #

• 有没有针对Chrome扩展优化的Firebase打包版本？
  目前Firebase官方没有推出专门适配Chrome扩展的独立打包版本，但可以通过配置和版本调整来规避动态加载问题：

  1. 确保使用Firebase v9+的纯模块化ESM导入，配合支持tree-shaking的打包工具（如Vite、Webpack），让打包器将所有依赖完全内联到本地文件中，避免触发动态加载逻辑。
  2. 升级到Firebase v10及以上版本，后续官方针对Chrome扩展这类受限沙箱环境做了优化，大幅减少了动态加载远程脚本的场景。
  3. 临时切换到Firebase的compat模式（不推荐长期使用，会增加包体积），compat模式的打包结果不会包含动态加载逻辑。

• 除了Vite Plugin Replace，更稳定的打包配置方案

  1. 配置Vite的optimizeDeps强制预构建Firebase依赖，确保所有代码被静态打包：

  // vite.config.js
  export default {
    optimizeDeps: {
      include: ['firebase/auth', 'firebase/app']
    }
  }
  

  2. 调整Webpack配置，通过resolve或ProvidePlugin确保Firebase模块被静态解析，避免动态导入触发远程加载。

• 为什么会生成_loadJS？
  Firebase SDK为了适配多环境和实现代码拆分，会在某些分支逻辑中加入动态加载远程脚本的逻辑，但这种行为在Chrome扩展的沙箱环境中是被严格禁止的，因为扩展不允许加载外部未打包的远程代码。

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