Stylelint—— Expected class selector ".nut-popup--top" to be kebab-case selector

前言

新项目制定规范接入了stylelint，并通过husky在git提交时去触发检测修复，stylelint版本信息如下：

代码语言：shell复制

    "stylelint": "^16.8.1",
    "stylelint-config-standard": "^36.0.1",
    "stylelint-less": "^3.0.1",
    "stylelint-order": "^6.0.4",

内容

因为使用的是NutUi，所以无法直接调整组件对应的类名称，只好在stylelint.config.js中加入相应的rules进行配置；

代码语言：js复制

module.exports = {
  defaultSeverity: 'error',
  extends: ['stylelint-config-standard'],
  plugins: ['stylelint-less'],
  overrides: [
    {
      files: ['**/*.html', '**/*.vue'],
      customSyntax: 'postcss-html',
    },
    {
      files: ['**/*.less'],
      customSyntax: 'postcss-less',
    },
  ],
  rules: {
    'selector-pseudo-class-no-unknown': [
      true,
      {
        ignorePseudoClasses: ['deep'],
      },
    ],
    'selector-class-pattern': [
      '^((?!\.nut).)*$',
      {
        message: "Expected class selector not to start with '.nut'",
      },
    ],
  },
};

stylelintstylelint 报错

0 人点赞