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

這篇文章主要介紹了根目錄怎么添加.stylelintrc.json文件的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇根目錄怎么添加.stylelintrc.json文件文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

配置方式：

1. 在 package.json 中的 stylelint 屬性指定規(guī)則

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

3. stylelint.config.js 文件，該文件 exports 一個(gè)配置對(duì)象 span>

按順序查找，以上三種方式任何一項(xiàng)有值，就會(huì)結(jié)束查找

在項(xiàng)目根目錄新建.stylelintrc.json 文件，復(fù)制以下內(nèi)容

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 // 禁止特異性較低的選擇器在特異性較高的選擇器之后重寫(xiě)
    }
  }

rules 優(yōu)先級(jí)大于 extends，建議采用 extends 方式統(tǒng)一管理

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

片段禁用規(guī)則

/* stylelint-disable */ 
/* （請(qǐng)說(shuō)明禁止檢測(cè)的理由）前端組件限制類(lèi)名 */ 
.cropper_topContainer .img-preview { 
    border: 0 none; 
}
 /* stylelint-enable */

fix 方式

• stylelint --fix 就能搞定

• webstorm 可以配置 external tools 實(shí)現(xiàn) autofix，添加 keymap 快捷鍵，

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