LESS：無法辨識的輸入

在 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;
}

我錯過了什麼？

我正在努力解決同樣的問題。出於某種原因，看起來 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 擴展的作者發送了一封電子郵件，並向他發布了這個問題的連結，所以希望他很快就會解決這個問題。

引用自：https://stackoverflow.com/questions/18180160