较少加载程序会忽略空规则集

Question

我正在使用less-loader来减少对CSS的加载。 然后，我使用Types-for-css-modules-loader在TypeScript中获取类名常量。

问题是我首先开发了原始标记。在开发标记的过程中，我在LESS中创建了空规则集，以获取类名常量并在标记中使用它们。但是因为LESS忽略了空规则集，所以不会生成常量。

当我在规则集中添加任何样式时，会正确生成常量。

例如：

.tooltip { // constant "tooltip" is generated 
    display: none;

    &__name { // constant "tooltipName" is generated
        color: inherit;
    }

    &__id { // constant "tooltipId" is NOT generated

    }
}

我可以在每个新规则集中添加一些虚拟样式，但这会很烦人。

我使用WebPack，ReactJS和TypeScript。 我正在寻找一些可以在webpack.config中使用的配置来更改此行为。

Answer 1

我发现这是 less 软件包而不是 less-loader 的行为。 有一个功能请求，可以实现保留空规则集的可能性： https://github.com/less/less.js/issues/1006

还有另一种巧妙的方法可以将空规则集保留在输出中。 只需在其中添加空（或不空）注释：

.tooltip__id { // constant "tooltipId" IS generated
    /**/
}