使用Boostrap 4 SCSS作为Mixin库

Question

这就是我学习使用bootstrap：http://transmission.vehikl.com/using-bootstrap-as-a-semantic-mixin-library/的方法，但使用v4时，它们的性能下降较少。我怎样才能用SCSS实现这样的事情？不管你喜不喜欢...它真的很有用，但我找不到一种方法来正确地导入。

Answer 1

我知道你的意思，我一直在用less的混音器。它们仍然存在，您只需导入它们即可。

@import "../../../node_modules/bootstrap/scss/mixins";
@include gradient-bg(#f45f12);
/* my-file.scss */

如果你来到这里并且正在使用angular cli构建你的项目，有一个关于how to use scss on angular cli的很好的教程。

希望这能有所帮助