我們有一個大型的ASP.NET MVC應用程序,其中包含大量的CSS〜105個不同的文件。這些文件由組件分隔,這使得它們更容易管理。在運行時,我們使用處理程序對這些進行縮小/組合。在運行時爲動態變量提供較少的文件
此外,我們的應用程序使用的皮膚設置;管理員可以自定義網站的字體和顏色。使用NVelocity將這些皮膚設置注入到CSS文件中,儘管這種設置很舊,但性能卻非常高。
我想將CSS移動到使用較少,這將允許更多的代碼重用和清潔的CSS文件中。我正在努力完成這個最好的選擇。我現在的思路是這樣的:
- 管理員使皮膚的修改,並保存
- 在保存應用程序生成盤A skin.less文件,該文件是一個包含所有變量的主文件少
- 需要較少的變量後續的CSS文件上做skin.less
- 少的文件處理和精縮/組合在一個處理器的@import,並擔任到客戶端。
我的問題是,這似乎是爲動態變量提供給較少文件的最佳方法嗎?在光盤上生成skin.less文件是我唯一的選擇,或者@import語句是否可以引用處理程序本身,因此不需要在光盤上生成文件?
'@ import'可能會造成問題,例如在IE的一些版本中阻塞,以及潛在的其他瀏覽器,其中化合物的加載時間的頁面。如果你能,你可以嘗試避免它們。 – TheZ