如何导入LESS文件，但不渲染它？答案

【问题标题】：How to import LESS file, but not render it?如何导入LESS文件，但不渲染它？
【发布时间】：2014-09-02 23:35:20
【问题描述】：

我有一个.less 文件，我在其中保存了所有全局变量。例如：

lib.less

@primary-color: red;

.primary-font{
  font-family:Arial;
}

在我的一个页面上，我有一个特定于页面的 CSS 文件。例如：

Homepage.less @import "lib.less";

.Login
{
   color:@primary-color;
   .primary-font;
}

我使用 dotless 预处理 LESS。这会将“Homepage.less”呈现给客户端：

.primary-font{
  font-family:Arial;
}

.Login
{
   color:red;
   font-family:Arial;
}

我不希望 .primary-font 被渲染，因为我只是将它用作导入其他类的样式集合。我真正想要的输出是：

.Login
{
   color:red;
   font-family:Arial;
}

有没有办法从另一个.less 文件中导入样式以用于其他类，而不会将它们呈现给客户端？

【问题讨论】：

【解决方案1】：

这与 MVC 无关，这是您必须在 LESS 本身中做的事情。见：http://lesscss.org/features/#mixins-feature-not-outputting-the-mixin

本质上，如果你不想将mixin输出作为一个类，你只需要在它后面加上括号：

.primary-font() {
    font-family: Arial;
}

【讨论】：