在GWT中需要应用程序范围的CSS常量

我们就是这样做的:

• 我们将所有常量属性放在 constant.css 文件

@def black #241b15;   /* text color */
@def orange #ff4f00;   /* links */

• 在每个ui.xml文件中,可以通过以下方式引用这些常量:

<ui:style src="../../resources/css/constants.css">
    .myStyle {
        color: orange;
    }
</ui:style>

希望有帮助。

编辑:

以避免在 <ui:style> 元素可以执行以下操作:

• 在CSS文件中再次定义常量(比如 constants.css )

@def junglegreen #1f3d0a;

• 创建 ClientBundle 和 CssResource 检索定义的常量

public interface MyResources extends ClientBundle {

    public static final MyResources INSTANCE = GWT.create(MyResources.class);

    public interface Constants extends CssResource {

        String junglegreen();
    }

    Constants constants();
}

-使用 @eval 访问常量的注释

<ui:style>
    @eval green com.gwt.client.widget.test.MyResources.INSTANCE.constants().junglegreen();

    .someClass {
        color: green;
    }
</ui:style>

我知道如何处理常量而不引用CSS文件本身的唯一方法。

我知道这个答案可能有点晚了,但可能对某人有所帮助。我遇到了同样的问题,并通过添加以下内容来解决:

resources.css().ensureinjected()。

我在工厂里添加了它,但在几个地方尝试过,不管我把它放在哪里,它都起作用了。

你应该能用

<ui:style>
  @IMPORT url("../../../global.css");
  .mainPanel {
    background:{resources.css.JUNGLEGREEN};
    ...
  }
</ui:style>