Question

我有两个文件

tab.less

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;
    }
}