将.less文件导入单个.less而不重新编译

时间:2014-04-16 11:12:22

标签: css less


例如,我有3个.less文件,我想将它们导入单个文件(base.less)。

1file.less
2file.less
3file.less

我使用@import" 1file.less"将它们导入base.less。

但是当我查看页面代码时,所有3个.less文件的代码都编译了两次。如何使代码仅从base.less编译。

现在重复

body {
margin: 0;padding: 0;
background: #ffffff url(Images/background.png) repeat;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
height: 100%;
}

body {
margin: 0;
padding: 0;
background: #ffffff url(Images/background.png) repeat;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
height: 100%;
}

谢谢 附:抱歉我的英文不好

2 个答案:

答案 0 :(得分:0)

base.less文件应包含以下代码行:

@import "1file.less";
@import "2file.less";
@import "3file.less";

您应该只编译base.less文件。

您可以使用命令行lessc编译器,请参阅:http://lesscss.org/usage/#command-line-usage。您应该使用以下命令进行编译:

>> lessc base.less > base.css

或者,您可以使用客户端编译器,如:http://lesscss.org/usage/#using-less-in-the-browser

中所述

请注意,您只应链接HTML中的base.less文件。 HTML的head部分应包含以下代码行:

<link rel="stylesheet/less" type="text/css" href="base.less">
<script src="less.js" type="text/javascript"></script>

答案 1 :(得分:-1)

如果您不想编译文件,则应使用下划线

开头
_1file.less
_2file.less
_3file.less

不是,你必须使用那些&#39; new&#39;名称。只有没有下划线的文件才会被编译。

http://www.playframework.com/documentation/2.0/AssetsLess