少进口问题

Question

尝试一个简单的一个，少三个文件：

colors.less：

@green:green;

background.less

body {
   background-color: @green;
}

main.less

@import: "colors.less";
@import: "background.less";

当我

 lessc main.less main.css

输出中没有任何内容。我想当你导入更少的文件时，它会得到解决。仔细检查一下twitter bootstrap是如何做到的......它似乎对他们来说很好。 我使用lessc 1.3.3（LESS编译器）[JavaScript]作为LESS编译器

Answer 1

冒号将其变为变量声明。去除结肠。

@import "file.less";

Answer 2

根据您提供的示例，确保所有文件都在同一文件夹中。否则，除非您：

，否则它将无效

• 更改@import语句中的路径以指向文件的位置，或
• 使用assemble-less之类的编译器来定义导入文件的路径