导入Bootstrap LESS文件

Question

所以我试图将bootstrap button.less文件导入到我自己的项目中.但是在这种情况下我只想要包含危险按钮css的东西和核心按钮类.

有点像

    .my_custom_button {
    .btn();
    .btn-danger();
    .btn-small();
}

但我并不特别需要其他所有东西.例如警告颜色等.目前通过使用:

    @import "mixins.less";
    @import "variables.less";
    @import "buttons.less";

我正在将整个文件css导入到我的项目中 - 有什么方法可以避免这种情况(我是一个很少的菜鸟)或者这只是少的结果？

Answer 1

现在提供少量1.5

从LESS 1.5开始,您可以只导入一个导入(因此您可以使用mixins而无需编译所有代码).像这样:

@import (reference) "mixins.less";
@import (reference) "variables.less";
@import (reference) "buttons.less";

.my_custom_button {
  .btn();
  .btn-danger();
  .btn-small();
}