更少的加载程序忽略空规则集

Question

我正在使用更少的加载器来加载更少的css。然后我使用 typepings-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

我发现这是更少的包而不是更少的加载器的行为。有一个功能请求来实现保留空规则集的可能性：https://github.com/less/less.js/issues/1006

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

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