保持bootstrap不小

Question

我有一个基于twitter bootstrap 3的项目，我正在使用bootstrap中的LESS文件来利用mixins和断点变量（如@screen-md）。

在我自己的style.less文件中导入：

@import "../less/bootstrap.less";

当我查看输出（style.css）时，有超过6000行。有没有办法使用bootstrap 3中的mixins，同时仍保持经济文件大小？

Answer 1

bootstrap.less包含所有其他导入使你的style.less像：

// Core variables and mixins
@import "variables.less";
@import "mixins.less";
// your styles here

注意当你在style.less中导入bootstrap.less时，你将编译bootstrap +你的样式

Answer 2

您只能导入所需的那些LESS引导程序文件。

bootstrap.less本身会导入所有其他LESS文件，这就是输出如此巨大的原因。

详细了解“少”的内容。目录。 您正在寻找的文件可能是mixins.less和variables.less。

Answer 3

现在提供少量1.5

您可以导入文件仅供参考，所以：

@import (reference) "../less/bootstrap.less";

在不实际包含输出css中的代码的情况下，您可以访问mixins。