css - Gwt Css 和 uibinder no-obfuscation 不工作

Question

我有一个带有配置属性的 Gwt 小部件库:

<set-configuration-property name="CssResource.style" value="stable-notype"/>

预计将保留原始 css 名称，然后是 css 文件(示例)

.invader {
    width: 400px;
    height: 400px;
    background-color: #DBDBDB;
}

.invader .button {
    background-image: url('merged.png');
    width: 64px;
    height: 64px;
    background-position: 0px 64px;
    background-color: #BA6622;
}

之后生成一个css资源

interface WidgetStyle extends CssResource {
  String button();
  String invader();
}

当我在 WidgetStyle 实例上调用 ensureInjected() 时(和/或)以编程方式/在 ui:binder 中使用样式，例如

<ui:style src="WidgetStyle.css" field="style" />
<g:HTMLPanel styleName="{style.invader}" ui:field="panel" />

然后，在浏览器中的结果 html 文件中，我得到了四个定义的选择器，而不是一个注入(inject)的 css 样式:

.org-invader-widget-client-WidgetStyle-invader;
.org-invader-widget-client-WidgetStyle-invader .org-invader-widget-client-WidgetStyle-button;
.org-invader-widget-client-MyWidget_UIImpl_GenCss_style-invader;
.org-invader-widget-client-MyWidget_UIImpl_GenCss_style-invader .org-invader-widget-client-MyWidget_UIImpl_GenCss_style-button;

这些对重复上面的样式，只是名称不同。我看到第二对作为“MyWidget 拥有”样式出现，但是我如何强制所有应用程序仅使用我在 .css 文件中定义的那些 css 类而不进行任何混淆？

此外，第二对css-classess未能正确应用。仅应用第一个，第二个不匹配。

我这里做错了什么？

Answer 1

好的，我发现用

访问 css

<ui:style ... />

注入(inject)样式和 css 类可能会获得额外的前缀，对我来说正确的方法是通过 ClientBundle 访问样式

<ui:with ... >

混淆覆盖在 *.gwt.xml 中的 SuperDevMode 中“默认”不起作用，如果我是对的，它必须使用 DevMode 运行参数进行配置。