我正在使用 firebase 功能。使用命令firebase deploy --only functions 部署到 Firebase 服务器时工作正常。但是，我当然想在部署到服务器之前在本地测试我的功能。我在运行 firebase serve 时看到的是，在本地“部署”的函数没有我在 indext.ts 中所做的最新更改 - 正在运行 index.js 中的最后一个构建版本。
我的问题是，我如何手动构建我的 firebase 函数项目以使用最新更改在本地测试它们？
firebase serve 应该在本地部署之前自动构建项目吗？对我来说，这听起来像是一个错误。
【问题讨论】：
标签： node.js typescript firebase google-cloud-functions firebase-cli
当你第一次使用 npm serve 命令时，只需使用这个命令
firebase emulators:start
【讨论】：
如果您正在寻找热重载，我只是这样做：
"start:emulators": "firebase emulators:start --only functions",
"ts:watch": "tsc --watch",
"dev": "concurrently --kill-others \"npm run start:emulators\" \"npm run ts:watch\"",
它将同时运行 firebase 和 ts watch，这将有助于您的开发速度
【讨论】：
concurrently pacakage。
转到函数文件夹，打开package.json并添加新密钥："hotReload": "tsc --watch"
接下来，在同一功能文件夹中运行npm run hotReload 并保持终端打开。每当*.ts 文件发生任何更改时，这都会更新*.js。请记住，云函数从 *.js 文件而不是 *.ts 文件运行。因此，*.ts 文件需要先编译为*.js。
接下来，打开新终端，进入主项目文件夹并运行firebase serve（并行运行托管+功能）或firebase serve --only functions
【讨论】：
firebase serve 似乎没有运行npm build。但是如果您查看functions/package.json 内部，您会看到那里已经有一个执行npm run build && firebase serve --only functions 的serve 脚本。所以如果你这样做：
cd functions
npm run serve
您无需执行两个单独的命令即可构建和服务。
【讨论】：
如果您想在运行 firebase serve 或 firebase functions:shell 时重新加载对 TypeScript 的更改，您所要做的就是使用初始化项目时为您创建的 npm 脚本再次构建您的项目（请参阅 package.json）。 json):
cd functions
npm run build
这会将您的 TypeScript 转换为 JavaScript，并且对 JavaScript 的更改将被模拟器自动获取。
另外，如果您是更高级的 TypeScript 用户，您可以运行tsc --watch 以在磁盘上的源文件发生更改时自动将 TS 编译为 JS。你可以阅读更多关于in this blog的信息。
【讨论】：
npm run build，但我之前错过了运行cd functions。
"serve": "npm run build && firebase emulators:start --only functions & tsc --watch"。 （注意最后添加& tsc --watch。
firebase init 项目对我不起作用。这个命令firebase emulators:start --only functions 仍然有效，所以tsc --watch 永远不会被执行。我在tsc --watch 前面试过& 和&&。到目前为止，我发现我需要打开一个新终端并以某种方式运行tsc --watch。
& 对我来说效果很好。我是从这里学到的：bashitout.com/2013/05/18/Ampersands-on-the-command-line.html
我不认为您可以在初始化项目中在 Javascript 和 Typescript 之间切换。 Typescript 的设置与 Javascript 有点不同。您需要将 Javascript 项目迁移到 Typescript。
要将您的项目从 JS 迁移到 TS，请遵循以下 firebase-functions 文档：
Migrating an existing JavaScript Cloud Functions project
Typescript 项目设置：
【讨论】：