javascript - 使用 nginx/node 进行版本控制来提供静态文件的最佳方式

Question

我实际上有:

1. Nginx 运行以提供静态文件(css、js 等)
2. 带有 express.js 的 Node ，模板引擎:ECT(我可能会更改为 Swig)

我目前正在尝试找到分发带有自定义前缀和版本控制的静态文件的最佳方式:

• ' http://static.mydomain.com/ ' 在生产中
• 开发中的'/path/to/static'

为此，我只设置了一个包含前缀的变量(这取决于环境)。然后对于每个请求，我将前缀添加到快速中间件中的 locals 以便在任何 html 模板中访问此变量:

this.use(function(req, res, next) {
    res.locals.staticPrefix = staticPrefix;
    next();
});

但由于我也希望这些静态文件也被客户端的浏览器缓存，Nginx 为这些文件提供 expire = 30d。

现在要强制客户端检索静态文件(例如，如果它已更改)，我需要提供带有动态 url 参数的静态 url。

我的第一个想法是在启动 nodejs 应用程序时设置一个版本变量，以将其附加到最终 url:

var staticVersion = new Date().getTime();

所以在 html 模板中，'myFile.css' 的最终 url 会像这样:staticPrefix + 'myFile.css?' + 静态版本

在这种情况下，我只需要在其中一个静态文件更新后重新启动 nodejs 应用程序。它将使 url 发生变化(根据新日期)并且客户端对文件进行新的请求。

有没有更好的办法用node来处理这种情况？

Answer 1

处理 css/js 文件等静态 Assets 的最佳方式是在生产环境中将它们缩小。使用基于文件内容的文件名。这样，每次您更改 js/css 文件中的任何内容时，缩小代码都会在需要时负责生成新文件。您可以 Hook 缩小脚本以运行部署后。

我写了一个包smush帮助缩小任务。前往其github page例如用法和示例代码。

如果它更适合您的用例，您可以使用其他工具/包进行缩小。

回到您的问题，您可以将 nginx 的根目录设置为 Node 服务器的静态目录(/path/to/node/server/public？)。这样 nginx 将缓存并提供您的静态文件。之后 Node 服务器将不会为静态 Assets 提供服务。

让我知道这是否有意义，或者您是否需要进一步说明。