Как заставить Webpack нормально кушать Less + БЭМ?

Question

[WhoTheFuckIsThisGuy]

Проект у меня имеет вид

--blocks -> тут блоки со своими less и тд технологиями
--less
       --mixins -> тут миксины со своими less
       variables.less -> переменные

Под "нормально кушать" имею ввиду использование переменных и миксинов в блоках

Входной файл щас имеет вид:

let files = []; 

function importAll(r) {
    r.keys().forEach((s, i) => {
        files[i] = r(s);
    });
}

import '../less/variables.less';
importAll(require.context('../less/mixins/', true, /\.less$/));
importAll(require.context('../blocks/', true, /(\.less|\.js)$/));
importAll(require.context('../assets/', true, /\.less|\.js|\.css$/));

Ну и конечно ничего не компилируется. Хотя вроде как переменные сверху и миксины под ними. Использование less не имеет смысла без банальных миксинов и переменных. И какой-нибудь один файл less завести где все importить будет сложно. А что если проект большой? Если конечно можно в less папки импортить, то расскажите как. В интернете ничего не cмог найти.

Answer 1

[WhoTheFuckIsThisGuy]

Единственное решение - миксины и переменные заинклюдить в один файл и не париться, инклюдить общий файл когда надо в блоки.