css - 使用@variable @import 另一个LESS 文件

Question

我想使用我的@variable (@variable: "file.less") 将 file.less 导入到 main .less。

我试过这样：

@var: 'file.less';
@import @var

或者这样：

@import "@var"

或者：

@import "@{var}"

但它不起作用。

有任何想法吗？

Answer 1

@imports 在@variables 之前处理，所以它不起作用。

Answer 2

Check out the beta for LESS 1.4.0. It should be able to handle variables in @import statements.

https://github.com/cloudhead/less.js/issues/410

// An example from the issue for this feature:
@theme: winter;
@import "@{theme}/theme.less";

The beta is available for node via:

npm install -g less@beta

Or for the browser at https://github.com/cloudhead/less.js/blob/master/dist/less-1.4.0-beta.js

Answer 3

关于什么：

@import url(@var);

?

---

不，这似乎不起作用。