为什么不能将.less文件导入单个.less文件？

Question

我的档案结构如下：

lib/css/...包含我的样式，为每种区域划分为单个.less文件。

lib/style.less是我想要将我的子样式文件收集到的文件，也是我想要链接到HTML中的文件。

当我输入(进入style.less)时：

@import url("/css/StyleToImport.less");

或

@import "/css/StyleToImport.less";

..。我有语法错误。

真的不可能将.less文件合并成一个文件吗？

如果有一个文件包含颜色、尺寸等的所有变量，那将是非常方便的。

但是，就像现在一样，我必须在每个文件中使用<link ...>标记--这不是很方便。

P.S.我读过Join two .less files into one css file

我读过这个：

导入

导入工作几乎与预期的一样。您可以导入一个.less文件，其中的所有变量都是可用的。如果文件是.less，则扩展名是可选的：

@导入“图书馆”；

@import "typo.css";

Answer 1

我只是在我的本地环境中尝试了这一点，将vars放入vars.less中，并将其混合到conf.less中。文件结构类似于您的文件结构，基.less文件位于包含所有“包含”的文件夹下面的级别。

所以我有css文件夹，它有我的main.less文件，然后是css/less/vars.less | conf.less

进口这两种产品：

@import "less/vars.less";
@import "less/conf.less";

我唯一的答案是删除/语句中的第一个@import。当我试图将google字体导入我的.less文件时，我也遇到了类似的问题。

至少值得一试，因为使用和你的一样的结构是可行的。

Answer 2

我也遇到了一个类似的问题，进口似乎是默默地失败了。事实证明，我的编辑器用BOM将@import-ed文件保存为UTF-8，如this question中所述。

出于任何原因，较少的编译器会在具有BOM的@import ed文件上默默地阻塞，即使如果您的根文件有BOM，它也会出现错误。

尝试在没有BOM的情况下重新保存您的@import-ed文件，它可能会正常工作。

Answer 3

我不太清楚没有错误的问题是什么。

我建议使用较少的应用程序http://incident57.com/less/，我发现它很好用，而且使用起来也容易一些。此外，在试图导入空白文件时要小心，因为它可能会引发错误。

我上传了一些基本代码，用于根据项目构建文件--您可以在https://github.com/danethurber/seamLESS上获得它们。如果你或任何人想帮忙，我会为你的帮助感到高兴:)