Использование Less CSS CSS Framework в производстве - PullRequest
Новая
       27

Использование Less CSS CSS Framework в производстве

6 голосов
/ 03 марта 2012

Только несколько недель назад я узнал о LESS CSS. И это именно то, что я думал, должно быть доступно при написании кода CSS.

Сейчас я очень хочу использовать его и хочу применить его в сценарии производства, но есть одна загвоздка. Чтобы использовать LESS CSS, у вас есть два варианта:
1. Включите less.js в свои веб-страницы.
2. Предварительно скомпилируйте файлы LESS и затем используйте.

Первый вариант мне не по карману, потому что для этого мне нужно использовать less.js размером до 43 КБ. Эта дополнительная загрузка, когда я уже использую Jquery.

Второй вариант выглядит многообещающе, но проблема в том, что для написания кода в рабочей среде вы не можете каждый раз компилировать LESS, чтобы проверить его на предмет изменений. Это должно быть похоже на то, что я делаю, когда кодирую CSS напрямую. Я должен написать МЕНЬШЕ, и немедленно это должно отразиться на страницах.

Так кто-нибудь может мне помочь в настройке такого типа рабочего процесса?

Любые предложения других подобных структур приветствуются.

Ответы [ 3 ]

4 голосов
/ 03 марта 2012

Я использую Less-PHP в разработке: каждый раз, когда я обновляю свой браузер для тестирования после изменения основного файла .less, выводится файл .css.

Затемв производственном процессе мне нужно только скопировать файл .css как обычно.

Я никогда не буду использовать Less.js в производственном процессе, потому что он будет работать только для пользователей, у которых активирован JS, замедлит каждого пользователядля времени загрузки и рендеринга, когда это не нужно.

РЕДАКТИРОВАТЬ: есть также программное обеспечение, которое будет ждать, пока ваш файл LESS будет изменен и сохранен, и скомпилирует его, когда это произойдет.Опять же, меньше PHP может быть настроен один раз на проект и будет делать то же самое, я предпочитаю не запускать каждый день демон в моей системе, если я могу избежать этого.У меня уже есть брандмауэр, AV, MSN, Dropbox, jabber-клиент, утилита copypaste, интегрированный SVN и т. Д., Работающий:)
РЕДАКТИРОВАТЬ в 2015 году: я пользуюсь Prepros 4 некоторое время или использовал бы какое-то ворчаниекомпиляторУ моих коллег есть несколько ошибок с Prepros 5, поэтому я еще не установил его (Prepros 5 теперь является проприетарным программным обеспечением, стоит несколько долларов. Очень хорошая инвестиция)

EDIT2: Кажется, выиспользуя Java.Небольшой поиск в Google дает следующее решение: http://www.asual.com/blog/lesscss/2009/11/05/less-for-java.html

2 голосов
/ 09 июля 2012

Как вы уже сказали, использование less.js на производстве - плохая идея. Просто чтобы добавить еще одну идею, если вы используете Git, вы можете сгенерировать рабочие CSS-файлы как часть pre-commit ловушки, чтобы вам не пришлось ничего делать вручную для производства. Я написал немного о рабочем процессе, который я использую здесь - http://tjvantoll.com/2012/07/07/the-ideal-less-workflow-with-git/.

1 голос
/ 30 января 2015

Я тоже использую Java, но следующее подходит для любой технологии:

Режим разработки :

  1. Включите меньше файлов, но невключить сгенерированные файлы CSS
  2. Run less js

Production :

  1. Очистить сгенерированную папку CSS с помощью Ant
  2. Используйте Less Rhino для компиляции CSS-файлов из , используя ant
  3. Включайте сгенерированные CSS-файлы, но не включайте Less-файлы

Iсделайте несколько дополнительных вещей, таких как темы / скины, которые могут быть легко достигнуты с помощью любого инструмента сборки (ant, maven, ...).Я также позволил моей системе игнорировать создание версий созданной папки, поскольку она будет удалена и сгенерирована в процессе сборки.

...