2012-04-02 49 views
1

我一直在嘗試將更少的文件分成多個部分,以使它們更易於導航,並且希望使用一個主文件將它們全部導入以將它們編譯爲css 。我style.less文件看起來像這樣:LESS.js - 只能導入一個.less文件

@import "reset"; 
@import "colors"; 
@import "grid"; 
@import "functions"; 
@import "headings"; 
@import "listings"; 
@import "content"; 
@import "buttons"; 
@import "layout"; 
@import "forms"; 

我使用不勝編譯,和它說:「全成編譯」,但由此產生的css文件是完全空白的。當我將我的style.less文件更改爲只有一個導入時,它將導入該文件沒有問題,所以我知道它不是文件目錄/權限問題。有任何想法嗎?這讓我發瘋。我愛LESS,我不想在一張紙上做所有事情。

我在PC上。在OSX上工作時似乎沒有任何問題,但我在家中使用Windows 7並需要Winless之類的東西。我使用less.js客戶端JavaScript文件獲得相同的結果。

+1

您是否嘗試添加擴展名,即'@import「reset.less」;'? – ceejayoz 2012-04-02 20:51:31

+0

是的。文件擴展名,使用冒號,語音標記和引號,網站上的所有不同方法:/ – darylknight 2012-04-03 11:15:46

+1

我想說你有一個缺陷向Winless開發者報告。 – ceejayoz 2012-04-03 13:37:16

回答

0

我認爲這是由於LESS.js中的一個錯誤,並且此後已被修復。另外,我現在已經轉到Windows上的SimpLESS和OSX上的CodeKit。這些都沒有相同的問題。

0

使用less.js給了我一些問題。像darylknight,我建議一個替代方案。我向你介紹WinLess

1

這是舊的問題,它現在的作品。

@import "reset.less"; 
@import "grid.less"; 
@import "color.less"; 
@import "custom.less"; 

在v2.5.3中使用less.js可以正常工作。

CDN低於參考:

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script> 

只記得把你的:

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

的less.js引用之前。

相關問題