導入LESS CSS文件與變量

我有一個名爲core.less和style.less 2個LESS CSS文件導入LESS CSS文件與變量

core.less位於下：\ CSS \ core.less並對其內容的下面：

body { 
    background: @bg_color; 
    color: @font_color; 
}

style.less位於下：\ CSS \環保\ style.less並對其內容的下面：

@bg_color: #0F0; 
@font_color: #FFF; 
@import "../../core.less";

的core.less文件包含的票據的所有CSS規則，在，但沒有提供變量的定義。

style.less定義了core.less中引用的所有變量，然後導入core.less文件。

我沒有問題編譯style.less，因爲它從核心文件中導入所有規則。 core.less文件不能編譯 - 它會產生錯誤，因爲它不包含變量定義。

我現在想編譯core.css文件（只是爲了確保我的LESS規則中沒有錯誤）。是否有任何方法在core.less文件中添加某種虛擬/佔位符變量，以便它可以在不產生錯誤的情況下編譯並仍然可以在上面解釋的設置中工作？

我接受關於更改文件格式/結構的建議。

2011-04-03 mozami

通過導入core.less到style.less你是編譯core.less的「LESS規則」。

2011-04-04 05:22:20 Colin

你100％正確 - 我不相信我以前沒有想到過。我只是在core.less中引入了一些錯誤，並且它立即失敗 - 所以我不需要改變任何東西。感謝您花時間回答。 – mozami 2011-04-04 10:00:16

不用擔心。花點時間圍繞導入和編譯你的頭:) – Colin 2011-04-12 23:26:57

也許你不應該在core.less之外定義變量，需要core.less。我通常會讓「核心」文件（真的是任何編程語言）不依賴於其他代碼。

2011-04-03 22:14:40

我不太清楚我遵循你的建議馬特。你是說讓變量脫離core.less嗎？我有一堆不同的樣式文件，都調用core.less，每個樣式文件只定義變量，然後導入core.less - 因此，核心必須包含變量，就像我看到的那樣。 – mozami 2011-04-03 22:18:43

回答