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文件里的使用
在运行脚本之后,在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 });