css - GWT DevMode 不重新加载 css 文件上的更改

Question

我已经使用 Gradle 作为构建管理建立了一个 GWT 元素，一切都很好。
我可以在 eclipse 中将我的元素部署到我的本地 tomcat，并且应用程序按预期运行。但是，如果我启动 DevMode 并更改我的 css 资源(绑定(bind)为带有 @Source 注释的 CssResource 类)中的某些内容，GWT DevMode 不会捕获它并且不会考虑 css 更改。我错过了什么吗？我希望 DevMode 能够在开发过程中检测 .css 文件中的更改，而无需再次运行 gwt 编译。

这是我如何使用 css 资源的示例:

public interface XOFooterPanelResource extends FooterPanelResource, ClientBundle {
    @Override
    @Source("XOFooterPanel.css")
    XOFooterPanelStyle style();

    @Override
    @ImageOptions(repeatStyle = RepeatStyle.Horizontal)
    ImageResource footerPanelBackground();

    @Override
    @ImageOptions(repeatStyle = RepeatStyle.Horizontal)
    ImageResource footerPanelBackgroundEndUser();

    @Override
    @Source("footerDelimiter.jpg")
    ImageResource footerDelimiter();
}

public interface XOFooterPanelStyle extends FooterPanelStyle, CssResource {

}

如您所见，我有扩展 CssResource 的 XOFooterPanelStyle 接口(interface)。它用于 XOFooterPanelResource - 它扩展了 ClientBundle - 通过使用带有我的 CSS 文件名称的 @Source 注释。

这是我的 gradle 构建文件中负责启动 DevMode 的部分:

javaexec {
        main = 'com.google.gwt.dev.DevMode'

        jvmArgs = ['-Xmx2048M', '-XX:MaxPermSize=1024M']

        classpath {
            [
                sourceSets.main.java.srcDirs,
                // Java source
                sourceSets.main.output.resourcesDir,
                // Generated resources
                sourceSets.main.output.classesDir,
                // Generated classes
                sourceSets.main.compileClasspath       // Deps
            ]
        }

        args = [
                '-startupUrl', 
                'myapp/index.html', 
                '-noserver',
                '-war',
                'build/devmode',
                '-gen',
                'gen'
            ]
        ext.gwtModules.each {
            args += it
        }
    }

如前所述，我在 eclipse 中使用 tomcat 来运行应用程序，因此设置了 -noserver 选项。

Answer 1

除非你直接修改tomcat引用的css文件，否则在dev模式下是看不到变化的。我相信当你在 eclipse 中通过 tomcat 部署时，你的代码不会直接从 eclipse 元素工作区引用，一个副本被移动到 tomcat webapps 文件夹。

我不确定解决这个问题的标准方法是什么。我觉得必须有一个选项可以将静态资源从 eclipse 刷新到 tomcat 实例，但我没有研究过它。

当我需要时，这里有两种方法可以解决这个问题:

1) 您可以将 CSS 代码放入您的 ui.xml 文件中，devMode 应该会获取这些代码。
Tutorial on how to add css to your ui.xml

2)您也可以直接修改webapps文件夹下的css文件，然后将您所做的任何更改迁移回工作区版本。