bootstrap 的自定义版本使用 webpack/laravel 组合?

Custom version of bootstrap using webpack/laravel mix?

我正在尝试使用 webpack 创建 bootstrap 4 的自定义构建,但无法编译。

我这里有 bootstrap 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/'] });

您可以将 bootstrap 导入 app.scss 中:

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

~bootstrap解析为npm包。这样您就不必配置混音文件了。