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

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

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

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

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

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

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

С меньшими затратами вы можете использовать наследование, вы можете импортировать файл variables.less в верхнюю часть вашего файла app.less перед другим импортом, и у вас будут переменные, доступные во всех других файлах. Вам не нужно импортировать переменные в каждый файл. Может быть, вы используете стили внутри каждого компонента с какой-то структурой? Не могли бы вы поделиться более подробной информацией об этом?

— 20.12.2018 17:14

webpack less webpack-4 less-loader

18.12.2018 19:53

Поиск всех неиспользуемых файлов в проекте

Количество файлов в проекте растет по мере его развития. И если быть по-настоящему честным, их продвижение происходит в геометрической прогрессии...

Настройка шаблона Metronic с помощью Webpack и Gulp

Я пишу эту статью, чтобы поделиться тем, как настроить макет Metronic с помощью Sass, поскольку Metronic предоставляет так много документации, и они...

Перейти к ответу Данный вопрос помечен как решенный