缓存失效

配置参数

regex object

replacement string

Default:

"/"

描述

缓存失效是一种告诉浏览器某些静态文件（如 CSS 样式或 JavaScript 代码）已更改的方法，以便使用新版本而不是本地缓存的版本。 它包括在文件路径中包含版本号。 例如，/styles.css 变为 /v234/styles.css。更多信息。

此中间件实现了缓存失效，因此所有路径以 /v{numbers} 开头的请求都将删除这部分，以便提供真实的文件。

安装

此中间件必须与 Lume 的 HTTP 服务器 一起使用。 要在生产环境中使用它，你需要一个运行 Deno 服务器的主机，例如 Deno Deploy。

创建一个入口点文件（例如，serve.ts），其中包含以下代码：

import Server from "lume/core/server.ts";
import cacheBusting from "lume/middlewares/cache_busting.ts";

const server = new Server();

server.use(cacheBusting());

server.start();

本地开发

你可以配置 Lume 的开发服务器以在 _config.ts 文件中使用此中间件：

import lume from "lume/mod.ts";
import cacheBusting from "lume/middlewares/cache_busting.ts";

const site = lume({
  server: {
    middlewares: [cacheBusting()],
  },
});

export default site;