18

我的文件结构如下：

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

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

当我输入（进入style.less）：

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

或者

@import "/css/StyleToImport.less";

...我收到语法错误。

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

拥有 1 个单个文件来包含颜色、尺寸等的所有变量可能非常方便。

但就像现在一样，我必须<link ...>对每个文件使用 HTML 中的标签——这不太方便。

PS我已经阅读了将两个.less文件加入一个css文件

我读过这个：

输入

导入工作与预期的差不多。您可以导入 .less 文件，其中的所有变量都将可用。如果文件是 .less，则扩展名是可选的：

@import "库";

@import "typo.css";

4

4 回答 4

32

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

所以我有css一个文件夹，里面有我的main.less文件，然后css/less/vars.less | conf.less

要导入这两个：

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

我唯一的答案是删除/您@import声明中的第一个。尝试将谷歌字体导入我的.less文件时，我遇到了类似的问题。

至少值得一试，因为使用与您的相同的结构是可行的。

于 2011-03-30T02:44:38.083 回答
5

我有一个类似的问题，进口似乎默默地失败了。事实证明，我的编辑器已将 @import-ed 文件保存为带有 BOM 的 UTF-8，如本问题所述。

无论出于何种原因，LESS 编译器都会在具有 BOM 的 @import-ed 文件上静默阻塞，即使如果您的根文件具有 BOM，它也会报错。

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

于 2012-05-17T16:00:08.663 回答
1

我不确定没有错误的问题是什么。

我建议使用lessapp，http ://incident57.com/less/，我发现它工作得很好并且更容易使用。还要小心尝试导入空白文件，因为它可能会引发错误。

我上传了一些基本代码，用于根据项目构建文件 - 您可以在https://github.com/danethurber/seamLESS获取它们。那可能会有所帮助，如果您或任何人想贡献我会很高兴的帮助:)

于 2011-03-29T15:33:00.273 回答
1

当您链接到 /directory 时，它从根目录自上而下查找，在这种情况下找不到它。所以@Daniel 建议删除斜线是正确的。

您应该这样链接它：

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

这是因为您的起点在 css 目录本身内，然后向下指向该目录 css/ ，然后指向文件本身。

如果你需要先上一个目录，然后再上下你会做

../directory/file.less
于 2013-03-18T17:12:12.867 回答