stylelint格式化样式

stylelint格式化样式

1 下载插件 npm i stylelint stylelint-config-standard -D
2 在根目录下新建 .stylelintrc文件
3 在package.json中增加命令 "lint": "stylelint \"src/**/*.(scss|vue|less|css)\" --fix"
"scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject",
  "prettier": "node ./scripts/prettier.js",
  "lint": "stylelint \"src/**/*.(scss|vue|less|css)\" --fix"
},

.stylelintrc文件为配置样式的配置文件

{
  "extends": [
    "stylelint-config-standard"
  ],
  "rules": {
    "no-descending-specificity": null,
    "selector-pseudo-element-no-unknown": [
      true,
      {
        "ignorePseudoElements": [":deep"]
      }
    ],
    "selector-pseudo-class-no-unknown": [
      true,
      {
        "ignorePseudoClasses": ["deep"]
      }
    ]
  }
}