eslint-plugin-nuance

面向 Nuance 代码规范的 ESLint 插件。

安装

npm i -D eslint @nuance-fe/eslint-plugin-nuance

使用

在 ESLint 配置中启用插件和规则：

{
  "plugins": ["@nuance-fe/nuance"],
  "rules": {
    "@nuance-fe/nuance/no-classname-template": "error",
    "@nuance-fe/nuance/no-ternary-in-cn": "error"
  }
}

或使用内置推荐配置：

{
  "extends": ["plugin:@nuance-fe/nuance/recommended"]
}

规则

no-classname-template

禁止在 className 中使用模板字符串，建议改用 cn() 组合类名。

✅ 允许：

<div className={cn(base, isActive && active)} />

❌ 禁止：

<div className={`${base} ${isActive ? active : ''}`} />

no-ternary-in-cn

禁止在 cn() 中使用三元表达式和模板字符串，建议使用 && 和普通字符串。

✅ 允许：

cn(base, isActive && active);

❌ 禁止：

cn(base, isActive ? active : '');

❌ 禁止：

cn(`${base} ${active}`);

配置

推荐配置

plugin:@nuance-fe/nuance/recommended 等同于：

{
  "plugins": ["@nuance-fe/nuance"],
  "rules": {
    "@nuance-fe/nuance/no-classname-template": "error",
    "@nuance-fe/nuance/no-ternary-in-cn": "error"
  }
}

许可

ISC