在bootstrap上编写sass，如何输出单独的文件

Question

例如，我写了一个sass：

@import "bootstrap.scss";

.my-btn {
    @extend .btn;
    @extend .btn-primary;
}

及以下按钮相同：

<button class="my-btn">ok</button>

<button class="btn btn-primary">ok</button>

它有效，但我得到一个大文件，.my-btn和所有引导内容

我如何获得两个文件，一个文件是bootstrap.css，另一个文件是我对.my-btn的更改？

Answer 1

使用bootstrap-sass并导入bootstrap/buttons以避免不必要的样式。

@import "bootstrap/buttons";    
.my-btn {
    @extend .btn;
    @extend .btn-primary;
}