例如,我有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%;
}
谢谢 附:抱歉我的英文不好
答案 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;名称。只有没有下划线的文件才会被编译。