Как скомпилировать Scss файлы Bootstrap Theme в Laravel

Question

Я немного разбираюсь в том, как скомпилировать файл scss, используя npm run dev.Но теперь у меня есть папка темы Bootstrap html, в которую включены все файлы ресурсов, такие как scss и css.я запутался, что мне нужно @import имя файла scss папки темы начальной загрузки в файле laravel app.scss для компиляции или просто скопировать файлы scss папки темы начальной загрузки и вставить в папку laravel assets/scss и выполнить команду npm run dev.пожалуйста помогите спасибо

Answer 1

В вашем файле resources / sass / app.scss или любом другом файле, в который вы хотите включить файлы темы, добавьте следующую строку кода

@import '~bootstrap/scss/bootstrap';

Эта строка кода включает все файлы scss начальной загрузкиэто можно найти в папке node_modules / bootstrap / scss / bootstrap.Если у вас есть пользовательский каталог для ваших файлов scss, вы можете включить их следующим образом:

@import 'custom_folder/bootstrap-saa/assets/stylesheets/bootstrap";

Не забудьте добавить запись в ваш файл webpack.mix.js в корневой папке.

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