使用webpack / laravel混合自定义版本的bootstrap？

Question

我尝试使用webpack创建自定义构建的bootstrap 4，但它不会编译。

我在这里有自举4：

/node_modules/bootstrap/scss

我创建自己的app.scss文件来导入我想要的bootstrap的各个部分：

@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中导入bootstrap：

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

~bootstrap被重新发送到npm包。这样您就不必配置混合文件。