11

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 コンパイラを通過させたいと考えています。

4

2 に答える 2

5

そのための直接のライブラリはありません。

LESS には Java コンパイラすらありません。

ui.xml ファイルを調べて ui:style ノードの内容をコンパイルし、コンパイル済みのバージョンを元に戻すプリコンパイル ルーチンを作成できるとします。その後、IDE が不適切な CSS コードについて不平を言うという問題が継続的に発生します。

于 2012-04-30T18:27:15.463 に答える
2

前に述べたように、それを直接行うためのライブラリはありませんでした。しかし、今はあります ;) !

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

従来の CssResource のように使用しますが (タイプセーフです)、GWT プロジェクト内の CSS ファイルにバインドする代わりに、必要な外部 CSS ファイルにバインドします (複数の CSS ファイルを同じアプリケーションにバインドすることもできます。 GWT アプリケーションのテーマ)。

したがって、あなたの場合、外部 CSS ファイルは HexaCss で生成されます。それが私が多くのプロジェクトで行っていることです。

Sass、GSS などを使用することもできます。また、Bootstrap および Skeleton 用に既に作成されたバインディングを使用することもできます。

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

サンプルへのリンク : http://lteconsulting.fr/hexacss/demo/sample3/index.html - これはアイデアだけを示す非常に醜いデモです。上部のリストボックスでテーマを切り替えることができます。

お役に立てれば ！

于 2015-04-20T14:20:00.920 に答える