2014-12-02 102 views
1

我要求清理應用程序的冗餘性和減少加載時間的頭節中引用的LESS庫和樣式文件。風格文件基本上是style.less文件,它包含所有其他文件少,我需要拿出一個CSS文件,可能是這樣的style.css一切都很好,就像我得到了CSS輸出的style.css但有是一些不在CSS中編譯和更改的文件。以下是style.less與其他導入少量文件的預覽。多LESS文件導入嵌套變量和混入單一的CSS文件

style.less

@import url('variables.less'); 
@import url('mixins.less'); 
@import url('base.less'); 
@import url('kendo.less'); 
@import url('header.less'); 
@import url('navigation.less'); 
@import url('lists.less'); 
@import url('treeview.less'); 

的內容如果這一variables.less和mixins.less沒有在CSS編譯我不知道什麼是缺少他們應用,有嵌套的規則可能是他們錯誤,因爲我聽說需要一個配置文件來處理嵌入的變量和mixin,當導入和用於普通的CSS。我無法找到解決方案,非常感謝您的幫助。非常感謝。

+0

是否使用的是預編譯器? – Lowkase 2014-12-02 16:16:17

+0

@Lowkase我很抱歉,我忘了提及的主要事情,我使用Visual Studio中的Web要領自動預編譯和涅槃代碼 – Lightcoder 2014-12-02 16:23:31

+0

文件,如'mixin.less'和'variables.less'通常用於.. (是的,令人驚訝)變量和mixin的定義 - 他們通常不應該自己生成任何CSS代碼。也談到「清理」,你不需要less導入的url(除非它是真正的URL) - 只是'@import'變量''等等就絕對沒問題。 – 2014-12-02 19:19:24

回答

0

這裏是我的Web要點LESS編譯器設置:

選項>網絡ESSENTIALS> LESS

Auto-compile dependent files on save: TRUE 
Compile files on build: TRUE 
Compile files on save: TRUE 
Create source map files: TRUE 
Custom output directory: _PATH_TO_OUTPUT_YOUR_ONE_CSS_FILE 
Don't save raw compilation output: FALSE 
Process source maps: TRUE 
Strict Math: FALSE 
Show Preview Pane: TRUE 

之外的所有主要進口LESS文件應該以前綴的減檔的 「_」 。例如:

​​

確保您使用的是Web Essentials版本2.5。在2.5版之後的版本中出現了錯誤,導致預編譯器無法使用。我不知道他們是否已經更新了修復程序。