我有一个.scss-lint.yml
文件,其中包含我想在项目中使用的所有规则。
根据 BEM 文档,我们在 SCSS 中强制执行的一件事是只针对类。
因为这不在 my 中.scss-lint.yml
,所以它目前是一种非官方的规则。
从scss-lint 页面中并不是很明显。是否有一些规则可以应用于我的 YML,如果除了类名之外的任何内容用作选择器,它会显示错误?
我有一个.scss-lint.yml
文件,其中包含我想在项目中使用的所有规则。
根据 BEM 文档,我们在 SCSS 中强制执行的一件事是只针对类。
因为这不在 my 中.scss-lint.yml
,所以它目前是一种非官方的规则。
从scss-lint 页面中并不是很明显。是否有一些规则可以应用于我的 YML,如果除了类名之外的任何内容用作选择器,它会显示错误?
有 idSelector linter https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md#idselector强制在样式表中使用类与 Id。
但如果您使用 BEM,我建议启用 SelectorFormat 并传入 BEM 约定 - https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md#selectorformat
所以你.scss-int.yml
会包含
SelectorFormat:
enabled: true
convention: BEM
最重要的是可以使用
NameFormat:
enabled: true
convention: BEM
每个 linter 都记录在这里https://github.com/brigade/scss-lint/blob/master/lib/scss_lint/linter/README.md#linters
希望能帮助到你。