МЕНЬШЕ CSS - извлечь сгенерированный CSS

Question

Я пытаюсь использовать LESS CSS для написания своего CSS.Я импортировал файл style.less и less.js в указанном порядке.

Теперь я хочу извлечь CSS, который генерирует LESS ... Есть ли способ сделать это?Я не хочу использовать скрипт для его динамического создания в производстве.только для разработки.

Answer 1

Вы можете извлечь CSS, используя расширение Firebug в Firefox.Скомпилированный CSS появляется под пунктом меню «inline» на вкладке CSS.

Answer 2

http://incident57.com/less/, если вам повезло использовать OS X, и есть рубиновый самоцвет http://rubygems.org/gems/less, хотя он был заменен реализацией node.js, установленной через npm.Проверьте http://lesscss.org/ для получения дополнительной информации.

Существует также http://www.dotlesscss.org/ для окон, но не уверен, насколько это полезно.

Answer 3

А в 2013 году у нас есть:

http://less2css.org/

Кажется, для меня это просто отлично работает.Просто скопируйте / вставьте.

Скорее всего, вы захотите минимизировать свой CSS после этого, поэтому:

http://cssminifier.com/

Answer 4

Для тех, кто оступился здесь, в современном браузере вы можете увидеть его в LocalStorage.Я использую Chrome, и он находится на панели инструментов разработчика в разделе Ресурсы.В моем случае мы также хотим сохранить файл CSS автоматически (у нас есть инструмент, который генерирует шаблон), мы можем легко сделать это с помощью JavaScript.

Это возвращает сгенерированный CSS, просто замените его на правильный путь, как вы видите на вкладке Ресурсы: localStorage.getItem('<a href="http://domain.com/css/main.less" rel="nofollow">http://domain.com/css/main.less</a>');

Затем мы отправляем это через Ajax, чтобы сохранить его в файле CSS.При переходе на производство мы удаляем less и заменяем его на сгенерированный файл css.