LESS @import在SailsJS（通過GruntJS）中使用時沒有引入變量和mixins

Question

我有一個項目，我一直在nodejs之上構建，今天我決定在此項目之前轉移到sailsjs框架變得太複雜了。我遇到了一些問題。

在移植我的LESS文件時，我發現我的所有資產都無法加載，並且正在我的控制檯中獲取404。我設法將問題縮小到我的LESS文件。

發生了什麼事情，我在那裏使用@import來引入包含mixin和變量的文件，其中沒有一個實際被引用。他們沒有定義，這似乎使一切都失敗。所有這一切說，這實際上從來沒有在--verbose模式下拋出編譯器錯誤。這一切都只是失敗了。

爲了確保這是問題，我跑了一個小測試：

test1.less：

@myvar: #f00; 

test2.less：

@import 'test2.less'; 

body { 
    background-color:@myvar; 
} 

這是目前唯一的文件在我的風格/文件夾中。有了上面的代碼，我遇到了這個問題。如果我註釋掉

//background-color:@myvar; 

再次正常工作。

我一直在尋找有同樣問題的人，但我還沒有找到任何東西。我有點失落，覺得我錯過了一些微不足道的東西。

Answer 1

用grunt你需要在每個文件上導入。

你做什麼是好的，但在您的測試，你應該導入test1.less而不是test2.less