使用VS Web Essentials 2012在无点的情况下使用转义字符串编译错误

Question

我们有一些代码，我认为这些代码来自于使用Web Essentials在VS2012中保存/构建时无法编译的无引导版本：

.spanX (@index) when (@index > 0) {
    ~"input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index}" { .span(@index); }
    .spanX(@index - 1);
}

如果我们使用System.Web.Optimization中的LessBundle编译它，它可以正常工作，但我们正在尝试将Less编译到CSS中。有谁知道如何使用Web Essentials进行此工作？

Answer 1

IIRC，Web Essentials使用less.js进行编译。 Less.js似乎无法将您的示例视为有效的LESS。如果从选择器周围删除~""，less.js会识别输入，所以请尝试这样做：

.spanX (@index) when (@index > 0) {
    input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index} { 
        .span(@index); 
    }
    .spanX(@index - 1);
}