less - 保持引导程序不那么小

Question

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

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

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

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

Answer 1

现在在 LESS 1.5 中可用

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

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

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

Answer 2

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

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

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

Answer 3

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

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

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