VS Web Essentials 2012中的无点文件中出现转义字符串编译错误

Question

我们有一些代码，我认为它们来自Bootstrap的.less版本，不会在VS2012中使用Web Essentials在保存/构建时编译：

.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);
}