CSS 模块如何从另一个文件的选择器级联？

Question

我有两个文件

无制表符.

tab {
    display: inline-block;
    font-size: 14px;
}

和 tabs.less

.tabs {
    border-bottom: 1px solid @grey;

    .tab {
        margin-right: 24px;
    }
}

问题是如何从另一个文件导入选择器，因为现在 css-loader 生成两个不同的选择器，这很好，但我需要告诉它应该有另一个文件的选择器。谢谢。

Answer 1

尝试使用composition .

tab.less

.tab {
    display: inline-block;
    font-size: 14px;
}

tabs.less

.tabs {
    border-bottom: 1px solid @grey;

    .tab {
        composes: tab from './tab.less';
        margin-right: 24px;
    }
}

另请查看这篇文章，了解最流行和最有用的 css 模块案例 – http://andrewhfarmer.com/css-modules-by-example/#example-5-composition