Stylelint

Stylelint 是一个用于检查和修复 JavaScript 代码错误的工具。

初始化

npm init stylelint

配置

在 .stylelintrc.json 中添加如下配置。

.stylelintrc.json

{
  "rules": {
    "no-duplicate-selectors": null, // 允许重复选择器
    "custom-property-empty-line-before": null, // 允许自定义属性前空行
    "value-no-vendor-prefix": null, // 允许值前缀
    "media-feature-range-notation": "prefix", // 允许使用带前缀的媒体特性范围符号
    "selector-class-pattern": null // 不限制类选择器的命名模式
  }
}

stylelint-config-standard-scss（按需选择）

使用 stylelint-config-standard-scss 官方配置。

npm install -D stylelint-config-standard-scss

在 .stylelintrc.json 中添加如下配置。

.stylelintrc.json

"extends": [
  "stylelint-config-standard-scss"
]

插件

stylelint-order

stylelint-order 是一个用于自动排序 Css 的 Stylelint 插件。

npm install -D stylelint-order

在 .stylelintrc.json 中添加如下配置。

.stylelintrc.json

{
  "plugins": [
    "stylelint-order"
  ]
}

集成到 Husky

后续通过 lint-staged 集成到 Husky 中。