自己常用Gulp插件,这是gulpfile.js文件,喜欢的可以复制下来尝试用用。
var gulp = require( 'gulp' ),
//复制文件
bHtml = require('gulp-b-html'),
//服务器
webserver = require('gulp-webserver'),
// js压缩
// pump = require('pump'),
// babel = require('gulp-babel'),
// uglify = require('gulp-uglify-cli'),
uglify = require('gulp-uglify');
pump = require('pump');
babel = require('gulp-babel');
// css添加前缀
autoprefixer = require('gulp-autoprefixer'),
//css压缩
cleanCSS = require('gulp-clean-css'),
// //html压缩
htmlminify = require('gulp-html-minify'),
//图片压缩
imgMini = require('gulp-tinypng-unlimited');
// gulp-watch
watch = require('gulp-watch')
;
var params = ['cleanCSS','js','copyHtml'];
gulp.task('default',params,function () {
gulp.src('./')
.pipe(webserver({
livereload: true, // 启用LiveReload
open: './index.html', // 服务器启动时自动打开网页
port: 8080 // 服务端口
}));
})
//复制HTML
gulp.task('copyHtml',function () {
console.log("" ,"copy")
gulp.src('./*.html')
.pipe(bHtml())
.pipe(htmlminify())
.pipe(gulp.dest('./dist'));
})
//压缩js
// gulp.task('uglify',function () {
// gulp.src('./js/*.js')
// .pipe(uglify())
// .pipe(gulp.dest('./dist/js'));
// })
gulp.task('js', function(cb){
pump([
gulp.src('./js/*.js'),
babel({presets: ['es2015']}),
//2017年6月14日测试, 发现使用es6的let语句定义变量会发生错误, 如果发生错误把第4步的gulp-babel两个插件安上, 并写上上面的语句
uglify(),//压缩操作
gulp.dest('./dist/js')
],
cb//函数有参数
);
});
// gulp.task('uglify', function(cb){
// pump([
// gulp.src('./js/*.js'),
// babel({presets: ['es2015']}),
// //2017年6月14日测试, 发现使用es6的let语句定义变量会发生错误, 如果发生错误把第4步的gulp-babel两个插件安上, 并写上上面的语句
// uglify(),//压缩操作
// gulp.dest('./dist/js')
// ],
// cb//函数有参数
// );
// });
// 压缩css
gulp.task('cleanCSS',function () {
gulp.src('./css/*.css')
.pipe(autoprefixer())
.pipe(cleanCSS())
.pipe(gulp.dest('./dist/css'));
})
// 监听文件: Watch
gulp.watch(['./js/*.js','./js/**/*.js'], function(event) {
console.log('File ' + event.path + ' was ' + event.type + ', running ta' +
'sks...');
});
gulp.watch(['./css/*.css','./css/**/*.css'], function(event) {
console.log('File ' + event.path + ' was ' + event.type + ', running ta' +
'sks...');
});
//图片压缩
gulp.task('imgMini',function () {
// gulp.src('./img/*.@(svg|gif)')
// .pipe(bHtml())
// .pipe(gulp.dest('./dist/img'));
gulp.src('./images/*.@(png|jpg|jpeg)')
.pipe(imgMini())
.pipe(gulp.dest('./dist/images'));
})