🧹Hyper Fetch ESLint插件
ESLint规则强制HyperFetch最佳实践,并尽早捕获类型问题。
📖约
这个ESLint插件提供了针对HyperFetch的静态分析规则。它可以捕获诸如打字错误之类的通用类型问题,
的值缺失或使用错误 createClient 和 createRequest 在参数导致运行时之前键入参数
错误。
🎯关键功能
- 🔮 在类型错误运行之前捕获它们 ——验证
createClient和createRequestlint时的通用参数 - ✨ 没有更多的排版
any-检测拼写错误的键,如rsponse而不是response - 🔧 即插即用 —使用推荐的预置规则或逐个配置规则
🚀快速入门
npm install -D eslint-plugin-hyper-fetch
{
"extends": ["plugin:hyper-fetch/recommended"]
}
或者配置单独的规则:
{
"plugins": ["hyper-fetch"],
"rules": {
"hyper-fetch/client-generic-types": "error",
"hyper-fetch/request-generic-types": "error"
}
}
📚文档
💡例子
捕获不正确的泛型类型
// ❌ This will be flagged by hyper-fetch/request-generic-types
const getUser = client.createRequest<{
rsponse: User; // Typo: "rsponse" instead of "response"
}>()({
endpoint: "/users/:userId",
method: "GET",
});
// ✅ Correct usage — no lint error
const getUser = client.createRequest<{
response: User;
}>()({
endpoint: "/users/:userId",
method: "GET",
});