保持引导程序不那么小答案

【问题标题】：keep bootstrap less small保持引导程序不那么小
【发布时间】：2013-10-31 06:24:02
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

现在在 LESS 1.5 中可用

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

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

将使您无需在输出 css 中实际包含代码即可访问 mixins。

【讨论】：

【解决方案2】：

您只能导入您需要的那些 LESS 引导文件。

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

详细查看“less”目录的内容。您要查找的文件可能是 mixins.less 和 variables.less。

【讨论】：

【解决方案3】：

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

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

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

【讨论】：

嘿，谢谢你的回答，就像一个魅力。我最终导入了 variables.less、mixins.less 和 responsive-utilities.less。结果比大 bootstrap.less 小 10 倍。