LESS css 编译错误答案

【问题标题】：LESS css compile errorLESS css 编译错误
【发布时间】：2015-11-15 20:47:42
【问题描述】：

我对 LESS 不是超级精通（我使用 SCSS/SASS），但我正在处理过去似乎已成功编译的其他人的代码。

唯一吐出错误的是：

background: url(@theme-images-dir + 'bx_loader.gif') center center no-repeat #fff;

特别是这个错误：

SyntaxError: expected ')' got '+' in /Users/rwboyer/2fish/grpin/wp-content/themes/lawyers-attorneys/wpv_theme/assets/css/bxslider.less on line 40, column 36:

@theme-images-dir 似乎在到达此语句之前已定义并包含在另一个 less 文件中。

关于这里发生了什么的任何提示？

谢谢。

【问题讨论】：

标签： less

【解决方案1】：

这是一个解析错误，表示您不能在 URL 中添加“+”，您需要有一个右括号。我打赌不支持字符串连接。查看此以获得字符串连接的替代方法：Concatenate strings in Less

【讨论】：

谢谢...想知道为什么它使用主题供应商的 grunt.js 构建而不是 codekit 与 LESS 一起工作...唯一的问题是它在 LESS 代码中到处都是。
@Robert 我怀疑它是否适用于 grunt.js 左右。最有可能的主题作者对lessphp 语言扩展感到困惑，这确实像连接一样工作（但它从来没有被认为是参考语言实现的东西）。因此，无论您在哪里获得该代码，都会通知其作者，它是无效的 Less。

【解决方案2】：

就像 Zar 说的你不能使用 +，你必须这样做：

background: url("@{theme-images-dir}bx_loader.gif") center center no-repeat #fff;

【讨论】：

谢谢...这几乎就是我在 LESS 中看到的示例...也就是字符串插值与串联。奇怪的是主题供应商的 gruntfile 构建工作吗？试图让前端非编码人员使用 codekit 和其他工具来处理这个大块垃圾，他会嗯......没问题。