1. 什么是 wintersmith-revision？
wintersmith-revision 是一个 wintersmith 插件，用于静态资源缓存的管理。它可以自动生成带有 hash 后缀的静态文件名，提高缓存效果，同时处理静态资源的版本号和缓存清理等问题，非常适用于前端开发项目。
2. wintersmith-revision 的安装
我们可以通过 npm 进行安装，先进入项目的根目录，执行以下命令：
npm install wintersmith-revision --save-dev
安装好之后，在 wintersmith 配置文件 config.json 中添加 wintersmith-revision 插件：
-- -------------------- ---- -------
-
--------- -
-------- --- -----
--
---------- -
----------------------
--
------- -------------
--------- ---------
-3. wintersmith-revision 的使用
在 wintersmith-revision 中，我们需要使用一些特定的标记来标记不同的静态资源，以便插件可以自动处理它们。我们可以分为两部分来说明 wintersmith-revision 的使用。
3.1 缓存控制
为了让 wintersmith-revision 能够有效地管理缓存，我们需要使用以下格式规范化我们的静态文件路径：/path/to/myfile.[hash].[ext]。
我们可以使用以下代码示例来加入这个规范：
<link href="/css/styles.css?v={revision}" rel="stylesheet" type="text/css">
<script src="/js/scripts.js?v={revision}"></script>其中，{revision} 即为 wintersmith-revision 自动生成的与文件内容有关的哈希值，它会被自动替换。
3.2 缓存清理
我们常常需要在调试或发布完成后清理静态资源缓存，这时我们可以使用 wintersmith-revision 提供的命令：
wintersmith clear-revision
执行这个命令，插件会自动查找生成的 hash 后缀文件，并将其删除，达到清理静态资源缓存的效果。
4. 总结
以上就是 wintersmith-revision 的使用教程。使用 wintersmith-revision，我们可以自动化完成静态资源缓存的管理，避免手动修改文件名，并能够清理缓存，让我们的开发更加便捷。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710f8dd3466f61ffe295