如何使用组件/块等编译 css 样式规则？

Question

我们可以使用 bem-xjst 来创建 html，但是我们如何获得像下面给出的样式一样包含在组件中并编译的样式？ Bem 项目存根包含组件，但我找不到在项目编译时自动编译我自己的 css 的方法。

所以，我在这里的目的是编写具有以下层次语法的 css 并生成正确的 bem css 语法。

https://github.com/bem/project-stub

:block(checkbox):mod(theme islands) {
    position: relative; /* fix #1538 */

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    &:hover {
        cursor: pointer;
    }

    :block(checkbox):elem(control) {
        position: absolute;
        z-index: -1;

        margin: 0;

}