部署Firebase云函数前如何复制资源文件及正确引用
Firebase Cloud Functions TypeScript 资源文件部署与路径引用问题
问题1:如何让部署命令将资源文件复制到输出目录?
有两种可靠方案实现资源文件同步到lib目录:
用
copyfiles工具配合npm脚本- 先安装依赖:
npm install copyfiles --save-dev - 在
package.json中合并编译与资源复制步骤:
其中"scripts": { "build": "tsc && copyfiles -u 1 src/**/*.ttf src/**/*.{png,jpg} lib/" }-u 1用于移除源路径的第一层目录(比如src/fonts/xxx.ttf会被复制到lib/fonts/xxx.ttf,而非lib/src/fonts/xxx.ttf),可根据需求添加其他资源后缀。 - 修改
firebase.json,让部署前自动执行该脚本:"functions": { "predeploy": ["npm run build"] }
- 先安装依赖:
直接在firebase predeploy钩子中执行复制命令
若不想修改npm脚本,可直接在firebase.json的functions配置里添加复制步骤:"functions": { "predeploy": [ "npm run build", "copyfiles -u 1 src/fonts/**/* lib/" ] }这种方式更精准,仅复制指定目录下的资源文件。
问题2:如何正确引用资源文件?路径是相对于哪个位置?
运行时的路径基准是编译后JS文件所在的lib目录,但直接写相对路径易出错,推荐用Node.js的path模块结合__dirname生成绝对路径,确保文件结构变动时仍能定位资源。
修改你的字体引用代码如下:
import * as path from 'path'; const fonts: TFontDictionary = { Poppins: { normal: path.join(__dirname, './fonts/Poppins/Poppins-Regular.ttf'), bold: path.join(__dirname, './fonts/Poppins/Poppins-Bold.ttf'), italics: path.join(__dirname, './fonts/Poppins/Poppins-Medium.ttf'), bolditalics: path.join(__dirname, './fonts/Poppins/Poppins-Thin.ttf'), } }; const pdfmake = require('pdfmake'); const printer = new pdfmake(fonts);
__dirname会指向当前TS文件编译后JS文件的所在目录,结合path.join可生成精准的资源路径。同时要确保资源文件被复制到lib的对应位置(比如src/fonts同步到lib/fonts),才能匹配拼接后的路径。
内容的提问来源于stack exchange,提问作者Mehdi
相关产品推荐
相关产品推荐

