如何在 Java Web 应用程序中自动化静态文件（css、js、图像）的版本控制

Question

我想最有效地使用静态文件的浏览器缓存，即始终使用缓存的内容，除非文件已更改，在这种情况下获取新内容。

我想将文件的 md5 哈希附加到客户端看到的虚拟文件路径（作为目录，或作为文件名的一部分），以便当文件更改时，客户端认为它是不同的资源。

我知道如何使用 servlet 过滤器来接受包含该虚拟文件路径的请求并去除 md5 哈希，并在目录结构中返回真实文件名。

我是否也可以使用过滤器在输出时更改明显的文件名，以便客户端的浏览器认为它正在请求虚拟文件路径，而不更改我的实际文件的实际名称或目录结构？

例如：

真实文件路径 = /css/1.css

虚拟文件路径 = /static/1234/css/1.css

当文件改变时

真实文件路径 = /css/1.css

虚拟文件路径 = /static/3451/css/1.css

Answer 1

如果您使用的是 Maven，您可以添加这个很棒的插件：Minify Maven Plugin。它与您的问题没有直接关系，但您可以使用 ${version} 将 CSS/JS 文件的最终名称与应用程序的版本连接起来（您应该能够在您的进口）。 每次构建应用程序的新版本时，都应该有新的 CSS/JS 文件（按新版本号）并强制浏览器重新下载。

例子：

<plugin>
    <groupId>com.samaxes.maven</groupId>
    <artifactId>minify-maven-plugin</artifactId>
    <version>1.7.4</version>
    <executions>
        <execution>
            <phase>prepare-package</phase>
            <goals>
                <goal>minify</goal>
            </goals>
        </execution>
    </executions>
    <configuration>
        <webappSourceDir>${basedir}/src/main/webapp/</webappSourceDir>
        <webappTargetDir>${basedir}/src/main/webapp/</webappTargetDir>
        <charset>UTF-8</charset>
        <cssSourceDir>css</cssSourceDir>
        <cssSourceFiles>
            <cssSourceFile>style.css</cssSourceFile>
        </cssSourceFiles>
        <cssTargetDir>css</cssTargetDir>
        <!-- Your final CSS file -->
        <cssFinalFile>style.final.${version}.css</cssFinalFile>

        <jsSourceDir>js</jsSourceDir>
        <jsSourceFiles>
            <jsSourceFile>script.js</jsSourceFile>
        </jsSourceFiles>
        <jsTargetDir>js</jsTargetDir>
        <!-- Your final JS file -->
        <jsFinalFile>script.final.${version}.js</jsFinalFile>
        <jsEngine>CLOSURE</jsEngine>
    </configuration>
</plugin>