css - LESS 导入问题

Question

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

颜色.less：

@green:green;

无背景

body {
   background-color: @green;
}

main.less

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

当我

 lessc main.less main.css

没有任何输出。我认为当您导入较少的文件时，它会得到解决。仔细检查了 twitter bootstrap 是如何做到的......它似乎对他们来说很好。我正在使用 lessc 1.3.3 (LESS Compiler) [JavaScript] 作为 LESS 编译器

Answer 1

冒号将其转换为变量声明。删除冒号。

@import "file.less";

Answer 2

根据您提供的示例，确保所有文件都在同一个文件夹中。否则它将不起作用，除非您：

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