npm 包 wintersmith-revision 使用教程

1. 什么是 wintersmith-revision?

wintersmith-revision 是一个 wintersmith 插件,用于静态资源缓存的管理。它可以自动生成带有 hash 后缀的静态文件名,提高缓存效果,同时处理静态资源的版本号和缓存清理等问题,非常适用于前端开发项目。

2. wintersmith-revision 的安装

我们可以通过 npm 进行安装,先进入项目的根目录,执行以下命令:

--- ------- -------------------- ----------

安装好之后,在 wintersmith 配置文件 config.json 中添加 wintersmith-revision 插件:

-
  --------- -
    -------- --- -----
  --
  ---------- -
    ----------------------
  --
  ------- -------------
  --------- ---------
-

3. wintersmith-revision 的使用

在 wintersmith-revision 中,我们需要使用一些特定的标记来标记不同的静态资源,以便插件可以自动处理它们。我们可以分为两部分来说明 wintersmith-revision 的使用。

3.1 缓存控制

为了让 wintersmith-revision 能够有效地管理缓存,我们需要使用以下格式规范化我们的静态文件路径:/path/to/myfile.[hash].[ext]

我们可以使用以下代码示例来加入这个规范:

----- ----------------------------------- ---------------- ----------------
------- -------------------------------------------

其中,{revision} 即为 wintersmith-revision 自动生成的与文件内容有关的哈希值,它会被自动替换。

3.2 缓存清理

我们常常需要在调试或发布完成后清理静态资源缓存,这时我们可以使用 wintersmith-revision 提供的命令:

----------- --------------

执行这个命令,插件会自动查找生成的 hash 后缀文件,并将其删除,达到清理静态资源缓存的效果。

4. 总结

以上就是 wintersmith-revision 的使用教程。使用 wintersmith-revision,我们可以自动化完成静态资源缓存的管理,避免手动修改文件名,并能够清理缓存,让我们的开发更加便捷。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6006710f8dd3466f61ffe295


猜你喜欢

  • npm包wx-compile-key使用教程

    简介 wx-compile-key是一个npm包,主要用于生成微信小程序的compileKey。compileKey是为了保护微信小程序的代码安全而采用的加密方式,而生成compileKey需要遵循微...

    4 年前
  • npm 包 wpi-photocell 使用教程

    简介 wpi-photocell 是一款使用于 Raspberry Pi 上的光敏电阻传感器驱动包,它能够通过 Raspberry Pi 的 GPIO 接口读取光敏电阻传感器的信号并将读取到的数据转换...

    4 年前
  • npm包wpi-stepper使用教程

    随着前端技术的不断发展和更新,npm已成为前端最常用的包管理器之一。npm致力于提供高质量的JavaScript代码,为JavaScript开发人员提供方便和快捷的方式来构建强大的应用程序。

    4 年前
  • npm 包 work-github 使用教程

    GitHub 是全球最大的开源社区,在其中找到适合自己的项目并为其做出贡献是每个开发者的梦想。然而,GitHub 上存在大量的开源项目,如何高效地定位自己感兴趣的项目并且参与其中成为了一个需要解决的问...

    4 年前
  • npm 包 ws-service 使用教程

    前言 WebSocket 是一种在 web 开发中常用的双向通信协议。在对高并发、实时性有要求的 web 应用中,WebSocket 是不可或缺的一种协议。 在实际开发中,有时我们需要在前端使用 We...

    4 年前
  • npm 包 wx-mp-api 使用教程

    wx-mp-api 是一个在小程序开发中使用的 npm 包,它提供了一些常用的 API 和工具,帮助开发者更方便快捷地开发小程序。 本文将介绍如何使用 wx-mp-api 包,并提供相关示例代码和指导...

    4 年前
  • npm 包 ws-share 使用教程

    简介 ws-share 是一款基于 WebSocket 协议的前端插件,用于在不同浏览器之间共享数据和信息。该插件支持多种数据格式,包括文本、JSON、二进制等,同时也支持多种传输方式,例如广播、点对...

    4 年前
  • npm 包 wx-oauth 使用教程

    前言 随着微信小程序的普及,开发者们对于微信开发相关知识的需求越来越高。而 OAuth2 认证也是微信开发中不可回避的话题之一。在使用微信 OAuth2 进行用户认证时,我们通常需要使用到微信官方提供...

    4 年前
  • npm 包 work-token 使用教程

    npm 包 work-token 使用教程 介绍 work-token 是一个 npm 包,用于生成具有一定规则的随机 token。 安装 在命令行中运行以下命令进行安装: --- ------- -...

    4 年前
  • npm 包 work-wechat 使用教程

    背景 随着互联网的普及和企业管理需求的不断增加,企业微信作为一款全新的通讯工具,被广泛应用于企业内部沟通和协作中。而在前端开发中,如何使用企业微信的API来实现消息推送、身份验证等功能呢?本文将介绍如...

    4 年前
  • npm 包 wpkg 使用教程

    简介 在使用前端开发时,我们经常需要使用一些外部的库或框架来帮助我们完成各种功能。而这些库或框架就是通过 npm 包管理工具来进行安装和管理的。 在 npm 中,我们可以直接使用命令 npm inst...

    4 年前
  • npm 包 wplease 使用教程

    前言 作为前端开发人员,我们经常会用到各种各样的依赖包,其中最常用的便是 npm 包。而 wplease 就是一款 npm 包,它是一个基于 WordPress 的框架,用于快速创建 WordPres...

    4 年前
  • npm 包 wpm 使用教程

    如果您是一名前端开发人员,您肯定会遇到需要管理包依赖的情况。这时候,npm 包管理器就非常有用。但是,当我们需要管理跨框架的共享代码时,npm 却不能很好地满足我们的需求。

    4 年前
  • npm 包 wx-pager-cli 使用教程

    前言 在开发小程序时,我们经常需要以分页的形式展示数据。而 wx-pager-cli 这个 npm 包可以帮助我们快速并且方便地实现分页功能。下面将详细介绍该包的使用教程。

    4 年前
  • npm 包 wx-parser 使用教程

    在前端开发中,使用小程序框架经常需要对小程序的 XML 模板进行解析和渲染,然而在原生 JS 中操作 XML 较为麻烦,而使用 npm 包 wx-parser 可以轻松解决这个问题。

    4 年前
  • npm 包 wx-parser-cli 使用教程

    什么是 wx-parser-cli? wx-parser-cli 是一个基于 Node.js 平台的命令行工具,可以将微信公众号文章的 HTML 源码转换为 Markdown 格式。

    4 年前
  • NPM 包 wwwmodule 使用教程

    在前端开发中,我们经常会用到一些第三方库和工具来提升开发效率和代码质量。而 NPM(Node Package Manager)则是其中最流行的包管理工具之一。在这篇文章中,我们将介绍一个名为 wwwm...

    4 年前
  • npm 包 ws-interface 使用教程

    什么是 ws-interface ws-interface 是一个用于实现 WebSocket 通信的 npm 包,它提供了一种简单的方式来定义和实现 WebSocket 消息的接口。

    4 年前
  • npm 包 wx-pay 使用教程

    微信支付是一项非常方便和安全的在线支付服务,许多企业和个人都采用微信支付来处理在线交易。npm 包 wx-pay 是一个非常轻量级的 Node.js 库,它提供了方便和快速的微信支付集成解决方案。

    4 年前
  • npm 包 wx-promise-request 使用教程

    什么是 wx-promise-request wx-promise-request 是基于微信小程序的 Promise 请求库,它支持 Promise 封装和使用,可以让你的代码更加简洁易懂,提高开发...

    4 年前

相关推荐

    暂无文章