美文网首页
styleLint的配置,以及使用husky提交检查

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

作者: CodeBetter | 来源:发表于2019-12-09 15:43 被阅读0次

先安装下面三个包

 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提交检查

      本文链接:https://www.haomeiwen.com/subject/lwobgctx.html