2012-04-24 2 views
11

Кто-нибудь смог интегрировать замечательный сокращенный синтаксис LESS с удивительным модулем, повторным коэффициентом дружественного и безопасного для CSS CSS GWT UiBinder?LESS css или SCSS в GWT

<ui:style with="com.lesscss.gwt"> 
    .selector{ 
     /* Can I haz LESS in here? */ 
    } 
</ui:style> 

Естественно, вы можете использовать МИНУС с GWT - Вы просто должны использовать нескомпилированном CSS. Я хочу, чтобы мой css прошел через компилятор LESS, а затем компилятор GWT.

ответ

2

Как уже говорилось ранее, для этого не было библиотек. Но есть и сейчас;)!

Недавно я написал и опубликовал библиотеку (HexaCss для GWT), которая позволяет связывать приложение GWT с внешними файлами CSS, сохраняя при этом безопасность и оптимизацию типов, такие как обрезка и сфускация имени css.

Вы используете его как традиционный CssResource (так называете себя), но вместо привязки к файлу CSS. Внутри вашего проекта GWT он привязан к любому внешнему файлу CSS, который вы хотите (вы можете даже привязать несколько файлов CSS к тому же приложение, которое дает вам темы для вашего приложения GWT).

Итак, в вашем случае внешний файл CSS был бы сгенерирован с помощью HexaCss. Это то, что я делаю по многим проектам.

Вы можете использовать Sass, GSS и так далее. Вы также можете использовать уже написанные привязки для Bootstrap и Skeleton.

Образец, который похож на ваш вопрос, это тот, где CSS генерируется с помощью Less и используется в GWT с HexaCss, который затем можно использовать непосредственно из UiBinder или Java.

Ссылка на образец: http://lteconsulting.fr/hexacss/demo/sample3/index.html - Это очень уродливая демонстрация, показывающая только идею. Вы можете переключаться между темами со списком сверху.

Надеюсь, это поможет!

5

Для этого нет прямых библиотек, нет.

LESS даже не имеет java-компилятора, поэтому я действительно не думаю, что это когда-либо произойдет.

Предположим, что вы можете написать процедуру компиляции, которая будет проходить через ваши файлы ui.xml, скомпилировать содержимое узлов стиля ui: style и вернуть скомпилированные версии. Затем вы столкнетесь с постоянными проблемами со своей IDE, жалующимися на неправильный код CSS.

+0

Спасибо за отличный ответ. Это имеет смысл, и я скоро соглашусь, если никто другой не выйдет вперед. – logan

+2

У меня просто есть файл LESS в общей папке вместе с LESS lib, который я добавляю в голову в специальной точке ввода onModuleLoad(). Таким образом, мой модуль может быть унаследован, и вы можете наблюдать за стилями при игре с ними. Увы, нет обфускации имени стиля. – McTrafik

+0

Хорошее предложение. Я тоже думал об этом, но в среде с несколькими разработчиками необходимость модуляции и статического анализа кода имеет первостепенное значение. Ресурсы CW GWT гарантируют, что два разработчика не используют одно и то же пространство имен. Я ищу, чтобы получить все эти преимущества, а не просто обфускацию. – logan

Смежные вопросы