如何导入LESS文件,但不渲染它?

时间:2014-09-02 15:24:40

标签: less dotless

我有一个.less文件,我保留了所有全局变量。例如:

lib.less

@primary-color: red;

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

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

Homepage.less @import" lib.less&#34 ;;

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

我使用dotless预处理LESS。这呈现了#34; Homepage.less"给客户:

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

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

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

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

有没有办法从另一个.less文件导入样式以便在其他类中使用,而不将它们呈现给客户端?

1 个答案:

答案 0 :(得分:2)

这与MVC无关,这是你在LESS本身必须做的事情。请参阅:http://lesscss.org/features/#mixins-feature-not-outputting-the-mixin

基本上,如果你不想把mixin输出作为一个类,你只需要用括号括起来:

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