css - 在 LESS 导入语句中使用变量

Question

如果我要从同一目录导入多个文件，我想重复使用目录路径(假设带有导入语句的文件与导入目标不在同一目录中)。到目前为止，我已经试过了:

@directoryPath: "../modules/core/less/";

@import @directoryPath + "file.less";
@import (@directoryPath + "file.less");
@import @{directoryPath}"file.less";
@import "@{directoryPath}file.less";

@filePath: @directoryPath + "file.less"; //I have verified this produces the proper string

@import @filePath;
@import @{filePath};

6 个导入语句都不起作用。他们中的一些人在

source: url(/*LESS variables*/);

声明，但在@import 声明中的工作方式不同。关于什么会起作用有什么想法吗？

Answer 1

参见 Variables > Variable Interpolation > Import statements在 the documentation .

正确的语法是:

@path: "../modules/core/less/";

@import "@{path}file.less";