@hootool/stylelint-config

CSS/SCSS/Less 统一样式规则配置，基于 Stylelint v16。

特性

• stylelint-config-standard：CSS 标准规则
• stylelint-config-recess-order：属性排序（RECESS 顺序）
• stylelint-config-standard-scss：SCSS 规则（仅作用于 .scss 文件）
• stylelint-config-standard-less：Less 规则（仅作用于 .less 文件）
• 兼容 Tailwind CSS 指令（@tailwind、@apply、@screen 等）

安装

pnpm add -D @hootool/stylelint-config stylelint

使用

// .stylelintrc.json
{
  "extends": ["@hootool/stylelint-config"]
}

运行检查：

stylelint "**/*.{css,scss,less}"

配置结构

采用 overrides 按文件类型分离语法配置，避免 SCSS 规则误应用到 Less 文件：

• 顶层：stylelint-config-standard + recess-order（作用于所有样式文件）
• **/*.scss：叠加 stylelint-config-standard-scss
• **/*.less：叠加 stylelint-config-standard-less

主要规则

• declaration-block-no-duplicate-properties：禁止重复属性
• order/properties-order：属性按 RECESS 顺序排列
• length-zero-no-unit：0 值不带单位
• color-no-invalid-hex：禁止非法十六进制颜色
• no-descending-specificity：关闭（实际项目中难以避免）

注意

Stylelint v16 已移除所有 stylistic 格式化规则（如 indentation、string-quotes），格式化统一交给 Prettier 处理。