gulp-小练
来源:互联网 发布:金星舞蹈水平 知乎 编辑:程序博客网 时间:2024/05/20 00:14
目标:给文件打上md5 -hash码 防止缓存
var gulp = require('gulp');var runSequence = require('run-sequence');var del = require('del')// var concat = require('gulp-concat'); //- 多个文件合并为一个;// var minifyCss = require('gulp-minify-css'); //- 压缩CSS为一行;var rev = require('gulp-rev'); //- 对文件名加MD5后缀var revCollector = require('gulp-rev-collector'); //- 路径替换gulp.task('revCss', function() { //- 创建一个名为 concat 的 task return gulp.src('./targetFile/ceshi.css') //- 需要处理的css文件,放到一个字符串数组里 // .pipe(concat('wap.min.css')) //- 合并后的文件名 // .pipe(minifyCss()) //- 压缩处理成一行 .pipe(rev()) //- 文件名加MD5后缀 .pipe(gulp.dest('./dist')) //- 输出文件本地 .pipe(rev.manifest()) //- 生成一个rev-manifest.json .pipe(gulp.dest('./rev/css')); //- 将 rev-manifest.json 保存到 rev 目录内});gulp.task('revHtml', function() { return gulp.src(['./rev/css/*.json', './targetFile/*.html']) //- 读取 rev-manifest.json 文件以及需要进行css名替换的文件 .pipe(revCollector()) //- 执行文件内css名的替换 .pipe(gulp.dest('./dist/')); //- 替换后的文件输出的目录});gulp.task('clean', function(cb) { return del(['./dist/*'], cb)});// md5版本控制gulp.task('md5', function (done) { condition = false; runSequence( ['clean'], ['revCss'], ['revHtml'], done );});// gulp.task('default', ['revHtml', 'revCss']);gulp.task('default', ['md5']);
阅读全文
0 0
- gulp-小练
- gulp构建小程序
- Gulp.js入门小教程
- 关于gulp的小知识点
- vc 小练
- iptables 小练
- C++小练
- js 函数(小练)
- MVC 小练
- hdu1242-搜索小练
- 小练1
- 小练2
- 编辑距离小练
- C++模板小练
- for语句小练
- Python小练
- 排序小练
- 初学者的小练
- vi命令
- retrofit+ok+rxjava+fresco的demo
- 自顶向下,逐步求精
- 51NOD 1004 n^n的末位数字
- 2步解决EF生成实体类无注释问题的快捷方法,亲测成功
- gulp-小练
- select函数与stdio混用的不良后果
- Flume和Kafka的整合完成实时数据采集
- ArrayList至SharedPreferences
- dede:if DEDE模板中使用php和if判断语句的技巧
- Springboot实现quartz定时
- NKOJ 4345 (Ipsc2015)Generating Synergy (DFS序+kd树)
- 嵌入式软件工程师经典面试题
- yii2的url