基于bootstrap编写sass，如何输出单独的文件答案

【问题标题】：Write sass base on bootstrap, how to output separate files基于bootstrap编写sass，如何输出单独的文件
【发布时间】：2017-05-19 14:21:10
【问题描述】：

比如我写了一个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 的更改？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：