例如，我有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%;
}
谢谢PS对不起，我的英语不好
该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
请注意，您只应base.less在HTML中链接文件。headHTML的这一部分应包含以下代码行：
<link rel="stylesheet/less" type="text/css" href="base.less">
<script src="less.js" type="text/javascript"></script>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句