stylelint选择器-BEM-图案BEM棉短绒不工作

在gruntfilestylelint选择器-BEM-图案BEM棉短绒不工作

stylelint: { 
    all: ['app/styles/**/*.scss'] 
},

.stylelintrc

{ 
    "plugins": [ 
     "stylelint-selector-bem-pattern" 
    ], 
    "rules": { 
     "plugin/selector-bem-pattern": { 
     "componentName": "[A-Z]+", 
     "componentSelectors": { 
     "initial": "^\\.{componentName}(?:-[a-z]+)?$", 
     "combined": "^\\.combined-{componentName}-[a-z]+$" 
     }, 
     "utilitySelectors": "^\\.util-[a-z]+$" 
    } 
    } 
}

/用户/ jitendravyas/APP-测试/风格/组件/ _campaign - 设置 - 集成.scss

/* @define campaign-settings */ 

.campaign-settings__integrations { 
    @include flex; 
} 

.campaign-settings__integration { 
    border: 1px solid $color-green; 
    border-radius: 3px; 
    color: $color-green; 
    margin-right: $base-spacing-unit; 
    @include flex; 

    .check { 
    background: $color-green; 
    color: white; 
    @include vertical-center; 
    } 

    > div { 
    padding: $half-spacing-unit; 
    } 
}

当我运行stylelint时没有收到任何错误。 Stylelint正在处理其他规则。

来源

2017-04-06 Jitendra Vyas

我相信你错误地定义了你的组件名称。因此，linter正在跳过文件。

您must use要么一个简洁或详细语法：

/** @define campaign-settings */

或

/* postcss-bem-linter: define campaign-settings */

此刻的你似乎使用简洁的无效形式语法即你的评论从/*开始，而不是/**。

来源

2017-04-06 13:02:09 jeddy3

在你的第一个评论中，你的意思是文件名和组件名应该是一样的吗？ –

现在我在定义/ */** @define campaign-settings */*/plugin/selector-bem-pattern错误中得到'无效的组件名称 –

stylelint选择器-BEM-图案BEM棉短绒不工作

回答

相关问题