码迷,mamicode.com
首页 > 移动开发 > 详细

gulp-rev-append md5版本号

时间:2018-06-15 17:49:19      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:UI   ack   div   引入   require   fonts   bsp   技术   fun   

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版本号

标签:UI   ack   div   引入   require   fonts   bsp   技术   fun   

原文地址:https://www.cnblogs.com/Vibge/p/9188267.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!