Netlify Functions通用(库)代码的最佳存放位置在哪里?
Netlify Functions 通用复用代码的存放规范
这里有几个业内常用的实践方案,完美适配你的需求:
- 在项目根目录新建独立共享目录:直接创建
/shared、/functions-utils这类专属目录,Netlify不会把它们识别为函数目录,专门用来放多个Functions共用的工具函数、配置片段、类型定义等代码。 - 在函数文件中直接导入共享代码:Netlify Functions的构建流程支持相对路径导入,比如在某个函数里这么写:
如果用ES模块语法,也可以这么导入:// /functions/user-auth.js const { validateToken } = require('../shared/auth-helpers.js');import { validateToken } from '../shared/auth-helpers.js'; - 隔离依赖避免冲突:共享代码里只引入Node环境兼容的依赖,别碰SPA的前端专属包(比如React、Vue),这样就不会和前端代码的依赖混在一起。
- 可选:排除共享目录于SPA构建外:如果你的SPA构建脚本会扫描根目录文件,可在SPA的构建配置(比如Vite、Webpack的配置文件)里把这个共享目录排除,防止被误打包进前端资源。
内容的提问来源于stack exchange,提问作者Matt Sanders
相关产品推荐
相关产品推荐

