Как в laravel mix изменить бутстрап на свою кастомизированную версию?

Question

[lolrofl01]

Пользуюсь laravel mix, все удобно, изначально подключен бутстрап и vue. Но вот пришла пора скачать кастомизированную версию бутстрапа с другим количеством колонок, другими цветами и так далее. Как ее "внедрить" вместо коробочной версии?

Answer 1

[Sly04]

Все это чушь про resources/sass/_variables.scss. Даже при явном импорте в app.scss эти переменные никто не слушает. Поэтому править необходимо в одноименном файле (variables), что лежит в папке node_modules/bootstrap. Как раз там большинство переменных уже задано.

Answer 2

[Alexander Pushkarev]

Просто перебить переменные в scss.

Допустим у вас структура стандартная как тут - https://github.com/laravel/laravel/tree/master/res... Генерируете кастомные переменные и вставляете в _variables.scss

laravel mix это просто обёртка для webpack, она к вопросу вообще не относится.

Comments

[lolrofl01]

А как их сгенерировать? Я пока делаю так: в файле config.json (от бутстрапа) беру свойства и параметры и вставляю к себе. Файл у меня стандартный, как и по ссылке, что Вы предоставили. Выглядит у меня это так:

$font-family-sans-serif: "Montserrat", sans-serif;
$font-family-serif: "Montserrat", sans-serif;
$font-size-base: 0.9rem;
$line-height-base: 1.6;


$container-large-desktop: (1366px + $grid-gutter-width);
$grid-columns: 14;

Однако после run dev или run production - все равно генерируется бутстрап с дефолтными значениями. Ни шрифт мой не вставляется, ни кол-во колонок, ничего. Может я что-то не так делаю?