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

Question

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

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

ex:

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 */
}

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

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

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

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

Answer 1

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