1、安裝gulp

npm install gulp --save-dev

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

安裝完成之後查看package.json文件，如下：

2、編寫gulpFile.js文件

1 var gulp = require(‘gulp‘); // 引入文件
2 var rev = require(‘gulp-rev-append‘); // 引入文件

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

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

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

gulp-rev-append md5版本號