如何处理 GWT 主题 CSS 文件的缓存

Question

我有一个用 Struts/Tiles/JSP 编写的应用程序，我正在向其中添加 GWT 应用程序。我的应用程序的非 GWT 部分通过实际写出带有从我的 svn 存储库获取的版本号的 css 文件来处理 css 缓存，如“styles.css?svnbuild=12345”。这样我就可以告诉浏览器永久缓存这些 css 文件，当我部署新版本时，所有用户都会立即下载它。

现在我将继续使用 GWT 应用程序，我喜欢它使用“longmd5sum.cache.css”作为文件名的方式，这样我仍然可以告诉浏览器永久缓存它。问题是与我的主题关联的 css 文件（例如“gwt-standard.css”）没有强名称，也没有附加我的 svnbuild 参数。每当我部署应用程序的新版本时，用户仍然会看到旧版本的 CSS，这使其看起来错误。

有没有人找到处理 gwt 主题 css 文件缓存的最佳实践？在将 css 附加到文档时，有没有办法可以附加 svnbuild 参数或类似的参数？

Answer 1

好的。因此，在我发布此内容后，我深入研究了 GWT 源代码，并找到了一些有关创建 GWT 自定义链接器的链接。

http://development.lombardi.com/?p=29

http://code.google.com/webtoolkit/doc/1.6/DevGuideOrganizingProjects.html

这是我用自己的链接器解决它的方法。首先，我创建了一个扩展标准 IFrameLinker 的链接器类：

@LinkerOrder(LinkerOrder.Order.PRIMARY)
public class MyLinker extends IFrameLinker {
    protected String generateStylesheetInjector(String stylesheetUrl) {
        stylesheetUrl = stylesheetUrl + "?buildtime=" + System.currentTimeMillis();
        return super.generateStylesheetInjector(stylesheetUrl);
    }
}

之后只需告诉您的模块使用自定义链接器即可。在你的 module.gwt.xml 文件中：

<module>
    <define-linker name="mylinker" class="com.company.gwt.core.linker.MyLinker" />
    <add-linker name="mylinker" />
</module>

刚刚尝试了一下，现在在我的 nocache.js 文件中，每次编译时它都会输出一个新的时间戳。我的用户可以永久缓存 css 文件，每当我部署新版本的应用程序时，他们都会自动下载一个新文件。

Answer 2

似乎现在首选的做法是使用 ClientBundles 而不是单独的 CSS：
Google Css 资源手册
。我们最近通过以下方法轻松完成了这一转变（显然有一些未来意图消除 @CssResource.NotStrict 注释）：

public interface OurCssResources extends ClientBundle {

    @Source("ourCSS.css")
    @CssResource.NotStrict
    public CssResource getCss();
...

然后在我们应用程序的根部：

private void injectAllCss() {
        OurCssResources resources = GWT.create(OurCssResources.class);
        resources.getCss().ensureInjected();
...

这是一种严厉的方法，但它解决了问题，并且它让你走上谷歌想要的方式做事的道路。

看起来您可以相当自动地接近他们的预期方式 （虽然我还没有在 2.4 上尝试过这些，但我上面提到的东西确实可以在 2.4 下工作（我确实遇到了外部依赖项（GXT）的问题；但由于这不会改变，所以我只是使用老式的方式保留它）方法。