styleLint的配置,以及使用husky提交检查

先安装下面三个包

 npm install  --save-dev stylelint stylelint-config-standard stylelint-order

然后在根目录下创建.stylelintrc文件,文件内写入

{
    "extends": "stylelint-config-standard"
}

然后在package.json中,使用husky和lint-staged

"husky": {
    "hooks": {
      "pre-commit": "lint-staged",
    }
  }


  "lint-staged": {
    "*.{js,jsx}": [
      "eslint --fix",
      "git add"
    ],
    "*.{less,css}": [
      "stylelint --config  ./.stylelintrc --fix",
      "git add"
    ],
    "*.{ts,tsx}": [
      "prettier --parser typescript --write",
      "git add"
    ]
  },

"stylelint --config ./.stylelintrc --fix" 配置设置最重要,不然不会生效,--fix会自动给你修复一些可以修复的问题。

你可能感兴趣的:(styleLint的配置,以及使用husky提交检查)