Делиться меньшим количеством файлов в архитектуре компонентов

Question

У меня есть 2 файла, которые я хочу, чтобы они были глобальными:

1. functions.less - где функции объявлены

например:

f_transition(@transString: 0) when not (@transString = 0) {
    transition: @transString;
    -moz-transition: @transString; /* Firefox 4 */
    -webkit-transition: @transString; /* Safari and Chrome */
    -o-transition: @transString; /* Opera */
}

2. variables.less - где все мои цвета определены

Вместо записи @import variables.less в каждом меньшем количестве файлов я хотел бы, чтобы они были доступны по умолчанию.

Может быть, можно настроить веб-пакет с помощью загрузчика или что-то. Я видел, что у scss-загрузчика есть resource собственность и можно сделать такую ​​вещь.

Возможно ли это с меньшими затратами?

Answer 1

Я нашел загрузчик, чтобы сделать это для меньшего количества файлов или чего-то еще: https://www.npmjs.com/package/style-resources-loader