LESS css or SCSS in GWT

Question

有没有人能够将 LESS 的精彩速记语法与 GWT UiBinder 的出色模块、重构友好和类型安全的 CSS 集成在一起？

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

当然，你可以将 LESS 与 GWT 一起使用——你只需要使用未编译的 css。我希望我的css通过LESS编译器，然后是GWT编译器。

Answer 1

没有直接的库，没有。

LESS甚至没有java编译器，所以我真的认为它永远不会发生。

假设您可以编写一个预编译例程，该例程将遍历 ui.xml 文件，编译 ui：style 节点的内容并将编译版本放回原处。然后，您将在IDE中遇到持续的问题，抱怨CSS代码不正确。

Answer 2

如前所述，没有库可以直接做到这一点。但是现在有;)！

我最近编写并发布了一个库（HexaCss for GWT），它允许将GWT应用程序绑定到外部CSS文件，同时保持类型安全和优化，如修剪和css名称混淆。

你像传统的CssResource一样使用它（所以类型安全），但它不是绑定到GWT项目中的CSS文件，而是绑定到你想要的任何外部CSS文件（你甚至可以将多个CSS文件绑定到同一个应用程序，这为你提供了GWT应用程序的主题）。

因此，在您的情况下，外部CSS文件将使用HexaCss生成。这就是我在许多项目中所做的。

您甚至可以使用Sass，GSS等。您还可以将已编写的绑定用于 Bootstrap 和 Skeleton。

一个类似于你的问题的例子是这个，其中CSS是用Less生成的，并在GWT中使用HexaCss，然后可以直接从UiBinder或Java使用。

链接到示例： http://lteconsulting.fr/hexacss/demo/sample3/index.html - 这是一个非常丑陋的演示，只显示了这个想法。您可以使用顶部的列表框在主题之间切换。

希望这有帮助！