Я рассматриваю возможность использования LESS, но меня беспокоит мысль о том, что в браузере отключен JavaScript и мой CSS не читается (а сайт выглядит ужасно).
Кроме того, меня оскорбляет инженер, заставляющий каждый браузер «компилировать» этот файл Less в .css, когда мы можем просто «компилировать» его один раз при каждом его изменении.
css
css-framework
Клей Николс
источник
источник
Ответы:
Да. Вы можете использовать приложение, которое автоматически компилирует файлы LESS в CSS на вашем компьютере для разработки при кодировании. Затем просто загрузите сгенерированный файл CSS на свой сервер, когда закончите разработку.
источник
Я использую SimpLESS - перетащить, отпустить, готово.
источник
LESS поставляется с двоичным файлом (lessc), который позволяет вам предварительно скомпилировать ваши файлы .less. Вы используете его как таковой:
Но я думаю, что большинство людей просто используют командуlessc -w
orlessc --watch
для автоматической перекомпиляции таблицы стилей CSS при каждом обновлении файла LESS. Вы также можете уменьшить CSS, напримерlessc -w -x
.Редактировать: просто чтобы уточнить, lessc поставляется с установкой на стороне сервера (то есть, когда вы устанавливаете less через менеджер пакетов node.js). Но вы можете скачать его вручную с GitHub .
Лессек находится по адресу
/bin/lessc
. Это, конечно , в * NIX двоичном (также должны работать на Mac), но это бинарное для Windows ( lessc.exe ) на основе Dotless, что является еще одним Windows , МЕНЬШЕ компилятор.Обновление: используйте
less-watch
для автоматической компиляции.В качестве альтернативы, многие разработчики в настоящее время используют такие исполнители, как
grunt
автоматизация сборки (компиляция, минимизация, тестирование и т. Д.). Используяgrunt-contrib-watch
,grunt-contrib-less
иgrunt-contrib-livereload
вы действительно можете оптимизировать рабочий процесс разработки.Например, если вы используете
yo
для создания своего нового веб-проекта, он предварительно настроен для просмотра ваших файлов LESS / CSS / JS / HTML на предмет изменений и при необходимости перекомпилирует необходимые части вашего проекта. Просто запуститеgrunt serve
, и вы готовы писать код, не беспокоясь о том, чтобы вручную скомпилировать (LESS / SASS / CoffeeScript) / минимизировать / объединить ваш код или обновить браузер вручную, как пещерный человек ...источник
npm install -g fs-change
"Существует несколько вариантов компиляции LESS в CSS на сервере, и тот, который вы выберете, вероятно, будет зависеть от того, что вы используете для остальной части сайта.
источник
lessc
двоичный компилятор, основанный на последней версии less.js.