asp.net - LESS：无法识别的输入

Question

在 Web Essentials 2012 的帮助下，我试图减少学习。

从一开始，这个 LESS 代码：

@main-color: red;

.mega-warning {
    font-size: 24px;
    color: @main-color;
}

给出编译错误“LESS：无法识别的输入”并且编译停止。@main-color当我在类范围内声明变量时，.mega-warning一切正常：

.mega-warning {
    @main-color: red;
    font-size: 24px;
    color: @main-color;
}

我错过了什么？

score 18 · Accepted Answer

我正在努力解决同样的问题。出于某种原因，看起来 Web Essentials 2012 v2.9 对以变量声明开头的 *.less 文件不太满意。这是我的解决方法：

html{}

@main-color: red;

.mega-warning {
    font-size: 24px;
    color: @main-color;
}

奇怪的是，当使用独立的 lessc 1.4.2 编译器（根据changelog包含在 WE2012 2.9 中）时，一切都可以正常工作。我已经向 Web Essentials 扩展的作者发送了一封电子邮件，并向他发布了这个问题的链接，所以希望他很快就会解决这个问题。

score 9 · Accepted Answer

使用编码“UTF-8 without BOM”保存更少的文件。这种方法是在帖子 VS 2012 Web Essentials Less Compile Error中提出的

score 0 · Accepted Answer

试试这个你在哪里添加了对更少文件的引用：

rel="stylesheet/less"

有了这个你的参考将看起来像

<link rel="stylesheet/less" type="text/css" href="styles.less" />

下载 less.js 并将<script>引用它的标签添加到<head>. css<link>应该在<script>.

score 0 · Accepted Answer

.less我在 VS / Web Essentials 2013 中遇到了这个问题。我的解决方法是使用模板重新创建文件。我最初只是将扩展名从.cssto更改为.less，但显然这不起作用。因此，请改用 Visual Studio 模板作为.less文件。

不过，我不确定该.less模板的来源，它可能与 Web Essentials 一起提供，或者它可能来自SideWaffle模板包。

4 回答 4