返回

@generaltranslation/react-core-linter@0.1.0

Ernest McCarter avatarErnest McCarter
react-core-linter0.1.0eslintlintingstatic-validation

概述

@generaltranslation/react-core-linter 0.1.0 为 General Translation React Core 集成新增了 ESLint 规则。

该插件可捕获我们在实际项目中常见的实现错误。

安装

npm install @generaltranslation/react-core-linter --save-dev

此初始版本包含两条规则：

  • static-jsx - 强制在 <T> 组件中正确包装变量
  • static-string - 确保翻译函数中使用静态字符串

静态 JSX 验证

static-jsx 规则可防止动态内容直接出现在 <T> 组件中。 动态内容必须包裹在变量组件中。

// ❌ 错误
<T>Hello {userName}!</T>

// ✅ 正确  
<T>Hello <Var>{userName}</Var>!</T>

静态字符串约束

static-string 规则可确保翻译函数只接受静态字符串。

const gt = useGT();

// ❌ 错误
gt(`Hello ${name}`)
gt('Hello ' + name)

// ✅ 正确
gt('Hello {name}!', { name })

配置

将以下内容添加到你的 ESLint 配置中：

import { defineConfig } from 'eslint';
import gtLint from '@generaltranslation/react-core-linter';

export default defineConfig([
  gtLint.configs.recommended,
]);

此初始版本为 React Core 翻译模式提供了基础的 lint 检查能力。 后续版本将扩展规则覆盖范围，并为其他常见违规添加自动修复功能。

延伸阅读