覆盖 LESS 变量

Question

我有以下堆栈：

1. Symfony2
2. 安装了 lessphp 过滤器的 Twig。
3. Twitter Boostrap

在 base.css 我有：

// base.less
@import '/path/to/bootstrap.less'
@linkColor: 13px;

变量名根本不重要。它可以是引导程序中使用的任何其他变量。它只是不会被覆盖。但是，如果我将变量放入单独的 .less 文件中并将其导入 base.less ，一切都会按预期工作：

// base.less
@import '/path/to/bootstrap.less'
@import '/path/to/variables.less'

和

// variables.less
@linkColor: 13px;

为什么这个有效而另一个无效？查找文档（less/lessphp），但找不到与此相关的任何内容。 （或者我不知道去哪里找）。

有人能解释一下为什么会这样吗？

Answer 1

看起来这是 lessphp 编译器中的错误。看看github issue。您的解决方法是将变量声明放入另一个文件并导入它就可以了。顺便谢谢 ;)

Answer 2

发生这种情况是因为您在 用于定义所有 Bootstrap 样式之后覆盖了变量。

我是这样解决这个问题的：

1. 创建我自己的main.less，导入我自己的bootstrap.less。
2. 我自己的 bootstrap.less 只是将 Bootstrap 的 bootstrap.less 文件复制到我自己的文件夹中，并相应更改了导入路径，但有一个例外：它由自己的 variables.less 导入，而不是 Bootstrap 的。
3. 我自己的 variables.less 导入 Bootstrap 的 variables.less，然后覆盖我需要的那些。