Question

我一直在尝试将较少的文件拆分为多个部分，以便更容易导航，并希望使用一个主文件将它们全部导入以将它们编译为css。我的style.less文件看起来像这样：

@import "reset";
@import "colors";
@import "grid";
@import "functions";
@import "headings";
@import "listings";
@import "content";
@import "buttons";
@import "layout";
@import "forms";

我正在使用Winless进行编译，并且它显示“Successfull Compile”，但生成的css文件完全空白。当我将style.less文件更改为只有一个导入时，它导入该文件没问题，所以我知道它不是文件目录/权限问题。有任何想法吗？这让我很生气。我喜欢LESS，我不想在一张纸上做所有事情。

我在电脑上。在OSX上工作时似乎没有任何麻烦，但我在家里使用Windows 7并需要像Winless这样的东西。我使用less.js客户端javascript文件获得相同的结果。

Answer 1

这是一个老问题，它现在可以在v2.5.3中使用less.js。

@import "reset.less";
@import "grid.less";
@import "color.less";
@import "custom.less";

下面的CDN参考：

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script>

记得把你的：

<link rel="stylesheet/less" type="text/css" href="less/compiled.less"/>

在less.js参考之前

。

Answer 2

我认为这是由于LESS.js中的一个错误，并且已经修复。另外，我现在已经转移到Windows上的SimpLESS和OSX上的CodeKit。这些都没有同样的问题。

Answer 3

使用less.js给了我一些问题。像darylknight一样，我建议另类。我向你展示WinLess

LESS.js - 只能导入一个.less文件

3 个答案: