gulp-rev-append md5版本号

Posted 2020-11-18 会闪烁的精灵

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 });