在LESS import语句中使用变量

时间:2015-03-27 01:36:37

标签: css less

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

@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个import语句都不起作用。其中一些在

中工作
source: url(/*LESS variables*/);

声明,但在@import语句中的工作方式不同。关于什么会起作用的任何想法?

1 个答案:

答案 0 :(得分:10)

请参阅Variables > Variable Interpolation > Import statements中的the documentation

正确的语法是:

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

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