css - 如何使用stylelint和stylelint-selector-bem-pattern制作BEM样式的 Lint ？

我正在尝试使用stylelint和stylelint-selector-bem-pattern plugin替换BEM样式，但是无法正常工作。

我的配置如下：


节点：5.11.0
gulp-stylelint：^ 2.0.2
stylelint-selector-bem-pattern：^ 0.2.3


.stylelintrc

{
    "plugins": [
        "stylelint-selector-bem-pattern"
    ],
    "rules": {
        "selector-bem-pattern": {
            preset: "suit"
        },
    },
    "extends": "@alienlebarge/stylelint-config",
}

和一个CSS文件进行测试

.12ad2-asd--sad {
    color: rgba(255, 0, 0, .5);
}






#yeah {
    height: 10px;
}

我从@alienlebarge/stylelint-config收到错误消息，但没有从stylelint-selector-bem-pattern plugin收到错误消息

src/assets/foehn/styles/foehn.css
 4:1  ✖  Unexpected empty line    max-empty-lines
 5:1  ✖  Unexpected empty line    max-empty-lines
 6:1  ✖  Unexpected empty line    max-empty-lines
 7:1  ✖  Unexpected empty line    max-empty-lines
 8:1  ✖  Unexpected empty line    max-empty-lines
 9:1  ✖  Unexpected empty line    max-empty-lines
 9:1  ✖  Unexpected id selector   selector-no-id

最佳答案

从这里的代码看来，问题似乎可能在于您没有在CSS文件的顶部定义组件：https://github.com/postcss/postcss-bem-linter#defining-a-component

关于css - 如何使用stylelint和stylelint-selector-bem-pattern制作BEM样式的 Lint ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36889258/