gulp的使用

gulp:自动化构建工具
可以用来处理常见任务,如:
 
 
  • 文件保存时自动重载浏览器
  • 使用预处理器如Sass、LESS
  • 优化资源,比如压缩CSS、JavaScript、压缩图片
等等。
 
下面演示的是清除文件,以及压缩文件。
 
1. 清除文件
下面的代码可以实现清除test.js文件的任务。把下面的代码保存为gulpfile.js
var clean = require('gulp-clean');
var gulp = require('gulp');

gulp.task('clean', function () {
    gulp.src('tmp/test.js')
        .pipe(clean());
});
输入命令:
gulp clean

就会启动该命令,把文件清除
 
2. 压缩文件


var gulp = require('gulp');
var tar = require('gulp-tar');
var gzip = require('gulp-gzip');



//压缩任务(把当前整个目录打包到"test.tar",然后再压缩,最后保存在/result目录下“test.tar.gz”),在clean任务之后执行
gulp.task('compress', ['clean'], function () {
    gulp.src('./**')
        .pipe(tar('test.tar'))
        .pipe(gzip())
        .pipe(gulp.dest('/result'));
});



输入命令:
gulp compress

就会压缩。
 
3. 在压缩之前先清除原来的文件。
 
var clean = require('gulp-clean');
var gulp = require('gulp');
var tar = require('gulp-tar');
var gzip = require('gulp-gzip');

gulp.task('clean', function () {
    gulp.src('./result')
        .pipe(clean());
});

//压缩任务(把'kafka_mongodb'整个目录打包压缩),在clean任务之后执行
gulp.task('compress', ['clean'], function () {
    gulp.src('./**')
        .pipe(tar('kafka_mongodb.tar'))
        .pipe(gzip())
        .pipe(gulp.dest('./result'));
});


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值