Могу ли я использовать .less в элементе ссылки href cross-browser?

Question

Я разрабатываю приложение ASP.NET MVC с использованием dotless и bundling.

Когда мой 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 и поэтому игнорируют их.

UPDATE: Для уточнения, файлы .less являются предварительно скомпилированными серверами и, следовательно, являются действительными файлами CSS. Никакой обработки на стороне клиента не происходит.

Answer 1

Я уверен, что если пользователь имеет Javascript, то единственное, что обрабатывает и интерпретирует файлы .less в CSS, это библиотека less.js. Вы также можете проверить их Browser Support.

Я также не предлагаю использовать LESS в производстве, поскольку это целая цель - помочь вам создавать динамические таблицы стилей даже быстрее, чем обычно в разработке. Если вы оставите его в процессе производства, каждый раз, когда браузер загружает страницу, ему придется загружать меньше файлов и отображать их, что более трудоемко, чем просто компиляция ваших файлов в один файл .css.

Edit:

Вы могли убедиться, что браузер не отвергает файл и обрабатывает ваш меньший файл как файл CSS, установив тип MIME на сервере, text/css для файлов с расширением .less.

Например, если вы используете Apache, вы можете использовать следующий файл .htaccess для этого.

AddType text/css .less