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包。这样您就不必配置混音文件了。