gulp-rev-append md5版本号

一身转战三千里,一剑曾百万师。这篇文章主要讲述gulp-rev-append md5版本号相关的知识,希望能为你提供帮助。
1、安装gulp

npm install gulp --save-devnpm install gulp-rev-append --save-dev

安装完成之后查看package.json文件,如下:
gulp-rev-append md5版本号

文章图片

2、编写gulpFile.js文件
1 var gulp = require(\'gulp\'); // 引入文件 2 var rev = require(\'gulp-rev-append\'); // 引入文件

1 gulp.task(\'testJs\', function () { 2gulp.src([\'js/**/*\']) 3.pipe(gulp.dest(\'dist/js\')); 4 });

3、运行js脚本
gulp testJS

在html文件里的使用
< link rel="stylesheet" href="https://www.songbingjia.com/android/css/style.css?rev=@@hash">

在运行脚本之后,在dist文件夹中找到相应的html文件,会发现已有版本号
gulp-rev-append md5版本号

文章图片

同时在操作过程中发现对字体文件另有处理方式
1)安装node-font-awesome
npm i node-font-awesome
2)引入文件
var fontAwesome = require(\'node-font-awesome\');

3)gulpFile.js
1 gulp.task(\'fonts\', function () { 2gulp.src(fontAwesome.fonts) 3.pipe(gulp.dest(\'dist/js/vendor/font-awesome/fonts\')); 4 });

【gulp-rev-append md5版本号】 

    推荐阅读