使用webpack/laravel混合的自定義版本的引導程序？

Question

我想使用webpack創建引導程序4的自定義版本，但它不會編譯。

我引導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到故宮包。這樣你就不必配置混合文件。