Установка Bootstrap 5 на Laravel 9 с помощью npm

Question

Возможно данный вопрос задавался уже не раз, но хочется получить актуальный ответ на этот вопрос. Чаще всего на этот вопрос предлагают установить пакет laravel ui, но он уже давно объявлен legacy и такой вариант не подходит...

Подскажите какие команды нужно выполнить, какие нюансы нужно учесть при установке, какие параметры нужно указать в webpack.mix.js и т.д.

Answer 1

composer require laravel/ui
php artisan ui bootstrap
npm install
npm run dev
npx mix

Answer 2

Да, собственно, Вас webpack тут особо волновать не должен.

npm i bootstrap

В webpack.mix.js (если там сильно ничего не поменялось, а вроде бы не должно):

mix.react('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

В resources/js/app.js:

import 'bootstrap';

В resources/sass/app.scss:

/*
    Тут можно переопределить переменные scss от Bootstrap
    Например:
    grid-columns: 20;
*/
@import '~bootstrap/scss/bootstrap.scss';

Скомпилированные файлы уже вставляете в шаблонах как обычно, по документации.

БЛОГ НА HUSL

Установка Bootstrap 5 на Laravel 9 с помощью npm

Ответы (2 шт):