less-loader игнорирует пустые наборы правил

Question

Я использую менее загрузчик, чтобы загрузить меньше в CSS. Затем я использую typings-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
    /**/
}