样式规范 - Stylelint

一、安装

npm i stylelint stylelint-config-standard -D
or
yarn add stylelint stylelint-config-standard -D

二、配置文件

// .stylelintrc.js
module.exports = {
  extends: 'stylelint-config-standard',
  rules: {
    // your rules
    "no-descending-specificity": null
  },
  // 忽略其他文件，只校验样式相关的文件
  ignoreFiles: [
    'node_modules/**/*',
    'public/**/*',
    'dist/**/*',
    '**/*.js',
    '**/*.jsx',
    '**/*.tsx',
    '**/*.ts',
  ],
};

package中的钩子配置

"husky": {
  "hooks": {
    "pre-commit": "lint-staged",
    "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
  }
},
"lint-staged": {
  "**/*.less": "stylelint --syntax less",
},

参考链接

• https://stylelint.docschina.org/user-guide/rules/no-descending-specificity/