较少的CSS导入结构

时间:2012-03-06 22:41:04

标签: css less

我有一个非常大的.less文件,我试图打破较小的文件以便于阅读。

但是我导入的文件依赖于main.less文件中的变量和mixin ......所以它们不能自己编译。

我应该只在两个文件的顶部包含变量和mixin,还是有更好的方法来解决这个问题?

2 个答案:

答案 0 :(得分:5)

如果将变量包含在main.less文件中,则无需在每个文件中包含变量。

/* main.less */
@import mixins.less
@import one.less
@import two.less

假设您只在网站中加载main.less,当您使用onetwo时,来自mixins的变量应该可以正常工作,因为一切都会编译成main.less

答案 1 :(得分:2)

如果变量和mixin独立于其他样式(可能应该是这样),你可以为变量和mixin创建单独的文件...

- less_directory
  |-- mixins.less
  |-- variables.less
  |-- style1.less
  `-- style2.less

..然后根据需要只需import