DotLess - 如何在父文件夹中导入LESS文件？

Question

我有这个文件夹结构：

~/css/file1.less
~/css/folder/file2.less

我想要做的是在file2.less里面导入file1.less，所以在我的file2.less中我有这个代码：

@import "../file1.less";

这不起作用，编译器在构建项目时崩溃。 我在Visual Studio 2010中执行编译器。

如何导入放置在父文件夹中的较少文件？

Answer 1

您必须在./前加上您的路径。例如：

@import "./../style.less";  /* Correct */
@import "../style.less";    /* Wrong */

Answer 2

这似乎是LESS中的一个错误。

错误报告中的注释表明它已在主分支中修复，因此如果你从git获得最新版本，也许它会起作用。

请参阅https://github.com/cloudhead/less.js/issues/177以及StackOverflow上的这篇文章：Node.js + Express.js. How to RENDER less css?

Answer 3

试试这个：

@import "~/root_css_folder/parentfolder/file1.less";

Answer 4

我刚测试导入一个文件，它比你做的方式高一级，它对我有用..什么是编译器崩溃时的错误？该错误可能对您有所帮助。

在旁注中，您应该保持您的.less文件结构不同。