在LESS的import指令中使用变量

时间:2012-06-11 09:59:11

标签: css less

我找不到在import指令中为LESS使用变量的方法。

我有一个@cdnUri变量,它从JavaScript中获取它的值:

@cdnUri: `window.cdnUri`;

cdnUri在开发模式下可以是http://localhost/cdn,在生产模式下可以是http://cdn.example.com

我想要的是导入其他LESS文件,其中包含此Url。像这样:

@import "@{cdnUri}/shared/twitter-bootstrap/less/bootstrap.less"

但是它给了我这个错误,因为它没有从url解析变量。

Couldn't load http://wordy/ui/frontend/themes/default2/ui/css/@{cdnUri}/ui/shared/js/twitter-bootstrap/less/bootstrap.less (404)

提前致谢。

2 个答案:

答案 0 :(得分:3)

这不是您问题的直接答案,但LESS导入始终相对于当前文件,因此无法从其他域导入。

答案 1 :(得分:1)

这是一个已知的less.js错误。这是部分解决它的一年。

这是你想要的:

LESS CSS, @import path from variable

谈论这个错误。

https://github.com/cloudhead/less.js/pull/1108

以下是新来源。