stylelintCSS linter 工具

联合创作 · 2023-09-24 00:22

一个摩登的 CSS linter 工具。

Features

  • 近一百条规则 —— 包括 stylistic 规则,例如检查冒号周边的空格,发现细微的编码错误,,例如无效十六进制颜色或重写简写属性

  • 支持最新 CSS 语法 —— 包括自定义属性等等

  • 一点也不霸道 —— 只应用你想要的规则,并按你的需要配置可选的 linter

  • 可共享的 configs

  • 支持插件

  • 选择验证器

一个使用 gulp-postcss 和起草你的配置的例子:

gulp.task("css", function () {

  var postcss = require("gulp-postcss")
  var stylelint = require("stylelint")
  var reporter = require("postcss-reporter")

  return gulp.src("src/**/*.css")
    .pipe(postcss([
      stylelint({ // an example config that has four rules
        "rules": {
          "color-no-invalid-hex": 2,
          "declaration-colon-space-before": [2, "never"],
          "indentation": [2, "tab"],
          "number-leading-zero": [2, "always"]
        }
      }),
      reporter({
        clearMessages: true,
      })
    ]))
})


浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报