这篇文章主要介绍了根目录怎么添加.stylelintrc.json文件的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇根目录怎么添加.stylelintrc.json文件文章都会有所收获,下面我们一起来看看吧。
配置方式:
在 package.json 中的 stylelint 属性指定规则
在.stylelintrc 文件中指定,文件格式可以是 JSON 或者 YAML。也可以给该文件加后缀,像这样:.stylelintrc.json,.stylelintrc.yaml,.stylelintrc.yml,.stylelintrc.js
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 语法。
片段禁用规则
.cropper_topContainer .img-preview {
border: 0 none;
}
fix 方式
stylelint --fix 就能搞定
webstorm 可以配置 external tools 实现 autofix,添加 keymap 快捷键,
关于“根目录怎么添加.stylelintrc.json文件”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“根目录怎么添加.stylelintrc.json文件”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网行业资讯频道。