根目錄怎么添加.stylelintrc.json文件

這篇文章主要介紹了根目錄怎么添加.stylelintrc.json文件的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇根目錄怎么添加.stylelintrc.json文件文章都會有所收獲，下面我們一起來看看吧。

配置方式：

1. 在 package.json 中的 stylelint 屬性指定規則

2. 在.stylelintrc 文件中指定，文件格式可以是 JSON 或者 YAML。也可以給該文件加后綴，像這樣：.stylelintrc.json,.stylelintrc.yaml,.stylelintrc.yml,.stylelintrc.js

3. stylelint.config.js 文件，該文件 exports 一個配置對象 span>

按順序查找，以上三種方式任何一項有值，就會結束查找

在項目根目錄新建.stylelintrc.json 文件，復制以下內容

module.exports = {
    "extends": ["stylelint-config-standard", "stylelint-config-recess-order"],
    "rules": {
      "at-rule-no-unknown": [true, {"ignoreAtRules" :[
        "mixin", "extend", "content", "include"
      ]}],
      "indentation": 4,
      "no-descending-specificity": null // 禁止特異性較低的選擇器在特異性較高的選擇器之后重寫
    }
  }

rules 優先級大于 extends，建議采用 extends 方式統一管理

配置文件中單獨配置 at-rule-no-unknown 是為了讓 Stylelint 支持 SCSS 語法中的 mixin、extend、content 語法。

片段禁用規則

/* stylelint-disable */ 
/* （請說明禁止檢測的理由）前端組件限制類名 */ 
.cropper_topContainer .img-preview { 
    border: 0 none; 
}
 /* stylelint-enable */

fix 方式

• stylelint --fix 就能搞定

• webstorm 可以配置 external tools 實現 autofix，添加 keymap 快捷鍵，

關于“根目錄怎么添加.stylelintrc.json文件”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“根目錄怎么添加.stylelintrc.json文件”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。