gulp教程之gulp-rev-append

Ooo_My_God发表于 分类:构建工具 阅读(17919) 评论(40)

简介:

使用gulp-rev-append给页面的引用添加版本号,清除页面引用缓存。

1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件

1.1、gulp基本使用还未掌握?请参看: gulp详细入门教程

1.2、本示例目录结构如下:

2、本地安装gulp-rev-append

2.1、github:https://github.com/bustardcelly/gulp-rev-append

2.2、安装:命令提示符执行 cnpm install gulp-rev-append --save-dev

2.3、注意:没有安装cnpm请使用 npm install gulp-rev-append --save-dev 什么是cnpm,如何安装?

2.4、说明:--save-dev 保存配置信息至 package.json 的 devDependencies 节点。为什么要保存至package.json?

2.5、效果如下:

3、配置html页面引用

3.1、gulp-rev-append 插件将通过正则(?:href|src)=”(.*)[?]rev=(.*)[“]查找并给指定链接填加版本号(默认根据文件MD5生成,因此文件未发生改变,此版本号将不会变)

4、配置gulpfile.js

4.1、基本使用(给页面引用url添加版本号,以清除页面缓存)

5、执行任务

5.1、命令提示符执行:gulp testRev

6、结束语

6.1、本文有任何错误,或有任何疑问,欢迎留言说明。

下载附件

如果觉得我的文章对您有用,请随意打赏。您的支持将是我继续创作的动力! ¥ 打赏支持 ¥

本站文章除注明转载外,均为原创文章,会经常更新知识点以及修正一些错误,因此转载请保留原出处,方便溯源,避免陈旧错误知识的误导,同时有更好的阅读体验。

http://www.ydcss.com/archives/49

相关推荐

评论

网友最新评论 (40)

  1. 1.2 与 3 页面结构不对称

    白天 01-20 14:03 回复
  2. 请问,两个js文件合并成一个后,如果给合并后的文件加上版本号 ?

    用户c7vouspysw 03-26 10:34 回复
  3. 我是个了,需要引入的文件的路径正确,并且在路径下存在的文件才可以

    码农boy 04-19 10:02 回复
  4. 同问,多个js文件合并成一个后,如果给合并后的文件加上版本号 ?

    刘大明 06-05 15:48 回复
  5. 这个用不了了,亲测用不了。老师您能看一下吗,您自己运行一下 ,就是用不了了

    doudoumaidoudou 08-21 10:34 回复
输入关键字