gulp-rev-append md5版本号

1、安装gulp

npm install gulp --save-dev

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

安装完成之后查看package.json文件，如下：

2、编写gulpFile.js文件

var gulp = require('gulp'); // 引入文件
var rev = require('gulp-rev-append'); // 引入文件

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

3、运行js脚本

gulp testJS

在Html文件里的使用

 <link rel="stylesheet" href="css/style.css?rev=@@hash">

在运行脚本之后，在dist文件夹中找到相应的html文件，会发现已有版本号

同时在操作过程中发现对字体文件另有处理方式

1）安装node-font-awesome

npm i node-font-awesome

2）引入文件

var fontAwesome = require('node-font-awesome');

3）gulpFile.js

gulp.task('fonts', function () {
  gulp.src(fontAwesome.fonts)
    .pipe(gulp.dest('dist/js/vendor/font-awesome/fonts'));
});