在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的HexaCss），它允许将GWT应用程序绑定到外部CSS文件，同时保持类型安全性和优化，如修剪和css名称混淆。

您可以像使用传统的CssResource（如此类型化）一样使用它，但不是绑定到CSS文件在您的GWT项目中，它绑定到任何您想要的外部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：style节点的内容并将编译后的版本放回。然后，你会遇到不断抱怨你的IDE抱怨CSS代码不正确的问题。