gulp教程之gulp-rev-append

时间 2019-11-06

标签 gulp 教程 rev append 栏目 JavaScript 繁體版

原文原文链接

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

1.一、gulp基本使用还未掌握？请参看： gulp详细入门教程html

1.二、本示例目录结构以下：node

2.二、安装：命令提示符执行 cnpm install gulp-rev-append --save-devgithub

2.三、注意：没有安装cnpm请使用 npm install gulp-rev-append --save-dev 什么是cnpm，如何安装？npm

2.四、说明：--save-dev 保存配置信息至 package.json 的 devDependencies 节点。为何要保存至package.json？json

2.五、效果以下：gulp

3.一、gulp-rev-append 插件将经过正则(?:href|src)=”(.*)[?]rev=(.*)[“]查找并给指定连接填加版本号（默认根据文件MD5生成，所以文件未发生改变，此版本号将不会变）缓存

<!doctype html>

<html>

<head>

</head>

<body>

<div>hello, world!</div>

</body>

</html>

4.一、基本使用（给页面引用url添加版本号，以清除页面缓存）app

var gulp = require('gulp'),

rev = require('gulp-rev-append');

gulp.task('testRev', function () {

gulp.src('src/html/index.html')

.pipe(rev())

.pipe(gulp.dest('dist/html'));

});

5.一、命令提示符执行：gulp testRev

6.一、本文有任何错误，或有任何疑问，欢迎留言说明。

来源：http://www.ydcss.com/archives/49