Пользовательская версия бутстрапа с использованием пакета webpack/laravel?

Question

Я пытаюсь создать собственную сборку bootstrap 4 с помощью webpack, но он не будет компилироваться.

У меня есть самозагрузки 4 здесь:

/node_modules/bootstrap/scss 

Я создаю свой собственный файл app.scss импортировать различные части начальной загрузки, что я хочу:

@import "variables"; 
@import "mixins"; 
@import "custom"; 
.... 

В моем файле WebPack у меня есть:

mix.sass('resources/assets/sass/app.scss', 'public/css', null, { includePaths: ['node_modules/bootstrap/scss/'] }); 

Я также попытался:

mix.sass('resources/assets/sass/app.scss', 'public/css', { includePaths: ['node_modules/bootstrap/scss/'] }); 

Answer 1

Вы можете импортировать самозагрузки в app.scss с:

.. 
@import "~bootstrap/scss/variables" 
@import "~bootstrap/scss/mixins" 
.. 

~bootstrap является resloved к пакету НПМ. Таким образом вам не придется настраивать файл смешивания.