less

Для одного проекта, в котором планировалось использовать много CSS-ной верстки, решил добавить .less файл для упрощения работы с CSS. Сделал все как обычно – создал файл Styles.less, в html-файле прописал путь к файлу Styles.less и less.min.js. Но при обновлении страницы было сообщение об ошибке: FileError: 'http://localhost:2724/Styles.less' wasn't found (404).

Подключение файла Styles.css для использования в браузере делал по инструкции:

 

<link rel="stylesheet/less" type="text/css" href="Styles.less" />
<script src="js/Less/less.min.js"></script>

 

Сообщение об ошибке подсказывало мне, что проблема не в Visual Studio, а в настройках IIS. Так, IIS 7.5 в поставке по умолчанию по .less файлы ничего не знает, ему нужно сообщить, что это за mime-type и чем его обрабатывать.

Потому ошибка того, что файл не найден, решается добавлением в Web.config проекта строчек с описанием mime-type для .less файлов в контейнер <system.webServer>:

 

<staticContent>
    <mimeMap fileExtension=".less" mimeType="text/css" />
</staticContent>