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

Question

我有我的文件结构:

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

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

当我输入(进入style.less):

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

要么

@import "/css/StyleToImport.less";

...我收到语法错误.

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

有一个单个文件包含颜色,尺寸等所有变量可能非常方便.

但就像现在一样,我必须<link ...>在HTML中使用每个文件的标签 - 这不是那么方便.

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

我读过这个:

输入

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

@import"library";

@import"typo.css";

Answer 1

我只是在我的本地环境中试过这个,将vars vars.less和mixins放进去conf.less.文件结构与您的文件类似,基本.less文件位于包含所有'includes'的文件夹下方.

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

要导入这两个:

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

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

至少值得一试,因为使用与你相同的结构我的工作.

Answer 2

我有一个类似的问题,导入似乎无声地失败.事实证明,我的编辑器已将@ import-ed文件保存为带有BOM的UTF-8,如本问题所述.

无论出于何种原因,LESS编译器会在具有BOM的@ import-ed文件上静默清除,即使它根文件有BOM 也会导致错误.

尝试重新保存没有BOM的@ import-ed文件,它可能会起作用.