GWT中的css或SCS更少

GWT中的css或SCS更少,gwt,less,Gwt,Less,有没有人能够将LESS的精彩速记语法与gwtuibinder的惊人模块、重因子友好和类型安全的CSS集成在一起 <ui:style with="com.lesscss.gwt"> .selector{ /* Can I haz LESS in here? */ } </ui:style> .选择器{ /*我能在这里少受点雾吗*/ } 当然,GWT可以使用更少的代码——只需使用未编译的css即可。我希望我的css先通过LESS编译器,

有没有人能够将LESS的精彩速记语法与gwtuibinder的惊人模块、重因子友好和类型安全的CSS集成在一起

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

.选择器{
/*我能在这里少受点雾吗*/
}

当然,GWT可以使用更少的代码——只需使用未编译的css即可。我希望我的css先通过LESS编译器,然后是GWT编译器。

没有直接的库

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


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

如前所述,没有库可以直接这样做。但是现在有了

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

您可以像传统的CssResource一样使用它(因此类型安全),但它不会绑定到GWT项目中的CSS文件,而是绑定到您想要的任何外部CSS文件(您甚至可以将多个CSS文件绑定到同一个应用程序,从而为您的GWT应用程序提供主题)

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

您甚至可以使用Sass、GSS等。您还可以为引导和骨架使用已经编写好的绑定

与您的问题类似的一个示例是,在这个示例中,CSS是用更少的代码生成的,并在GWT中与HexaCss一起使用,然后可以直接从UiBinder或Java使用

链接到示例:-这是一个非常丑陋的演示,只展示了想法。您可以使用顶部的列表框在主题之间切换


希望这有帮助

谢谢你的回答。这是有道理的,如果没有其他人站出来,我很快就会接受。我只是在公用文件夹中有一个更少的文件和更少的lib,我将它附加到一个特殊入口点onModuleLoad()的head中。通过这种方式,我的模块可以被继承,当你使用它们时,你仍然可以看到样式的变化。唉,没有样式名称混淆。好建议。我也想到了这一点,但在多开发人员环境中,模块化和静态代码分析的需求是至关重要的。GWT的css资源确保两个开发人员不使用相同的名称空间。我希望得到所有这些好处,而不仅仅是迷惑。