gulp-rev-append md5版本號碼

標籤：UI   ack   div   引入   require   fonts   bsp   技術   fun   

1、安裝gulp

npm install gulp --save-devnpm 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/[email protected]@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版本號碼