导入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文件导入我的项目中 - 有没有什么方法可以避免这种情况（我是一个LESS新手），或者这只是LESS的结果？

- George Wilson

Answer 1

现在可用于LESS 1.5

从LESS 1.5开始，您可以仅将导入文件作为引用（因此您可以使用mixin而不必编译所有代码）。像这样：

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

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

- ScottS

Answer 2

危险的风格就是这样：

.btn-danger {
  .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
}

所以，简而言之，您不需要 buttons.less 文件。

- gustavohenke

---

但是我仍然可以从.btn-small()中获取填充和大小细节吗？我需要来自我的3个类的其他细节。 - George Wilson

好的，我可以复制按钮的样式 - 但这有点违背了使用LESS代码的目的 - 你有什么想法可以避免复制buttons.less吗？ - George Wilson

如果你需要其他的样式，复制它们是一种方法。你不能仅从文件中导入“一些东西”：要么全部导入，要么不导入。这可能适用于所有编程语言。 - gustavohenke

真是太可惜了 :/ 我原本希望通过 .btn-small(); 来导入相关文件，然后包含相关函数，而不是将整个文件内容包含到 CSS 文件中。 - George Wilson

他明显想要使用LESS的混合和其他特性。 - Vik