如何解决Stylelint css 中的语法是什么,忽略没有选项的规则,但继续使用带有辅助选项的规则
我正在为一个开源项目编写一个插件,它有一个 .stylelintrc 集,规则如下:
"selector-type-no-unkNown": true,
但我正在使用 ion 进行造型,例如离子网格{} 所以想添加到我的 css 中,例如:
/* stylelint-disable selector-type-no-unkNown -- ion styles not recognised */
ion-col.total {
font-weight: bolder;
}
/* stylelint-enable */
但是,与其完全禁用规则,不如添加/应用诸如 ignoreTypes: ["/ion/"]
之类的次要选项,这不是更好吗?
在这种情况下,我如何在 css 中执行此操作?
还是我在这里遗漏了一些明显的东西?!
解决方法
在这种情况下,我如何在 css 中执行此操作?
无法在 CSS 中配置规则。规则在 stylelint configuration object 中配置,例如.stylelintrc
:
{
"rules": {
"selector-type-no-unknown": [ true,{ ignoreTypes: ["/^ion-/"] } ]
}
}
但是,与其完全禁用规则,不如添加/应用诸如 ignoreTypes: ["/ion/"]
之类的次要选项?
如果 ion-
自定义类型选择器在代码库中很常见,那么最好使用辅助选项。否则,使用禁用命令更合适。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。