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

Question

我一直在尝试将我的 less 文件分成几个部分，以便于导航，并希望使用一个主文件将它们全部导入，以将它们编译为 css。我的 style.less 文件如下所示:

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

我正在使用 Winless 进行编译，它显示“编译成功”，但生成的 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 引用之前。