Как скомпилировать файлы LESS в браузере

Я создал код для переключения тем, используя LESS. К сожалению, файлы LESS не будут компилироваться в браузере. Как я могу скомпилировать файлы LESS в браузере?

Ответ 1

Это фрагмент документация:

Использование на стороне клиента

Свяжите свои листы без стилей с параметром rel, установленным в "stylesheet/less":

<link rel="stylesheet/less" type="text/css" href="styles.less">

Затем загрузите less.js из верхней части страницы и включите его в <head> элемента вашей страницы, например:

<script src="less.js" type="text/javascript"></script>

Убедитесь, что вы добавили свои таблицы стилей перед script.

Итак, вам нужно:

  • разместить тег link тег до script
  • установите rel в "stylesheet/less"
  • знать о ошибке в chrome

Ответ 2

Включите меньше файлов в свой html и используйте некоторый сервер, если вы используете Google Chrome.

Ответ 3

вам нужно использовать некоторый веб-сервер, такой как apache tomcat, единый сервер UPX и т.д., чтобы меньше компилировать в IE. как @ie сказал включить эти файлы в вашем документе, прежде чем запускать его в localhost.

Ответ 4

Проверьте веб-сервер. Многие серверы изначально не настроены для обработки младших файлов. В частности, более новые версии IIS имеют тенденцию блокировать показ *.less и должны быть настроены для этого. Вы можете увидеть, происходит ли это, загрузив файл LESS CSS непосредственно из браузера. Самый простой способ сделать это из Firefox - просмотреть исходный код страницы и нажать ссылку на свой файл LESS.