我可以在鏈接元素href跨瀏覽器中使用.less嗎？

當我的CSS優化我得到了link如：

<link href="/bundles/global.css?v=xxxxx" rel="stylesheet"/>

然而，當優化被禁用，我得到：

<link href="/css/header.less" rel="stylesheet"/> 
<link href="/css/content.less" rel="stylesheet"/> 
<link href="/css/footer.less" rel="stylesheet"/>

在Chrome瀏覽這些less文件的讀取就好了。

但是，將.less文件直接作爲樣式表使用是否很常見？

我擔心有些瀏覽器可能無法識別樣式表，因爲它們不會在.css中結束，因此會忽略它們。

更新：爲了說明起見，.less文件是預編譯的服務器端，因此是有效的CSS文件。沒有客戶端處理正在發生。

2014-09-02 Curt

我很肯定，只要用戶啓用了Javascript，那麼處理和解釋.less文件到CSS中的唯一東西就是less.js庫。你也可以檢查他們的Browser Support。

我也不會建議在生產中使用LESS，因爲它的全部目的是幫助您在開發過程中更快地創建動態樣式表。如果您將其保留在生產環境中，則每次瀏覽器加載頁面時，都需要下載較少的文件並進行渲染，這比僅將文件編譯成一個文件更耗時。

編輯：

你可以確保瀏覽器不會拒絕你的文件，並通過與.less擴展名的文件服務器上的MIME類型設置爲text/css對待你少文件作爲一個css文件。

例如，如果您使用Apache，則可以使用以下.htaccess文件來執行此操作。

AddType text/css .less

2014-09-02 08:17:18 Eliel

我在客戶端沒有處理LESS。它使用無點處理服務器端。 '.less'文件的內容是有效的CSS。 – Curt 2014-09-02 08:24:35

對不起，我原來的答案完全關閉。我更新了我的答案。 – Eliel 2014-09-02 09:49:52

回答