码迷,mamicode.com
首页 > 移动开发 > 详细

gulp配置版本号 教程之gulp-rev-append

时间:2016-09-30 14:53:38      阅读:513      评论:0      收藏:0      [点我收藏+]

标签:

简介:

使用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

gulp配置版本号 教程之gulp-rev-append

标签:

原文地址:http://www.cnblogs.com/imsomnus/p/5923377.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!