GWTのCSSやSCSSがありません

Question

LESSのすばらしい簡潔な構文を素晴らしいモジュール、GWT UiBinderのフレンドリーで安全なタイプファクタのCSSに再統合できましたか？

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

当然、あなたはGWTでLESS使用することができます - あなただけの非コンパイルされたCSSを使用する必要があります。私は自分のcssをLESSコンパイラとGWTコンパイラに通したいと思っています。

Answer 1

前述のように、直接行うライブラリはありませんでした。しかし、今ある！）！

私は最近、GWTアプリケーションを外部CSSファイルにバインドするライブラリを作成して公開しました。ただし、プルーニングやCSS名難読化などの型の安全性と最適化を維持しました。

あなたはtraditionnal CssResource（typesafely）のように使用しますが、CSSファイルにバインドする代わりに、任意の外部CSSファイルにバインドします（同じCSSファイルに複数のCSSファイルをバインドすることもできます）あなたのGWTアプリケーションのテーマを提供するアプリケーション）。

あなたのケースでは、外部CSSファイルがHexaCssで生成されているはずです。それが私が多くのプロジェクトでやっていることです。

Sass、GSSなどを使用することもできます。また、BootstrapとSkeletonにすでに書かれているバインディングを使用することもできます。

あなたの質問に似ているサンプルは、CSSがLessで生成され、HexaCssでGWTで使用され、UiBinderまたはJavaから直接使用できるサンプルです。サンプルへ

リンク：http://lteconsulting.fr/hexacss/demo/sample3/index.html - これが唯一のアイデアを示す非常に醜いデモです。一番上のリストボックスでテーマ間を切り替えることができます。

希望すると便利です。

Answer 2

これには直接ライブラリはありません。

LESSにはJavaコンパイラもありませんので、実際に起こるとは思われません。スタイル・ノードとバックコンパイルされたバージョンを置く：

は、あなたが、あなたのui.xmlファイルを経るUIの内容をコンパイルします事前コンパイルルーチンを書くことができたとします。次に、不適切なCSSコードについて不平を言っているあなたのIDEで、継続的な問題にぶつかるでしょう。