初学Gulp

gulp学习日志

1、gulp

gulp是用前端代码打包的一种工具，对代码中的less、css、sass、js、html等文件进行合并压缩操作。

2、插件

var concat = require('gulp-concat'); //合并

var uglify = require('gulp-uglify'); //JS 压缩

var autoprefix = require('gulp-autoprefixer'); //根据设置浏览器版本自动处理浏览器前缀

var minifyCSS = require('gulp-minify-css'); //css 压缩

var htmlmin = require('gulp-htmlmin'); //html 压缩

var rev = require('gulp-rev'); //对文件名加MD5后缀

var clean = require('gulp-clean'); //清理

var revCollector = require('gulp-rev-collector'); //路径替换

3、运行gulp任务

gulp+任务名

4、gulp的工作方式：

gulp.task() 定义任务

gulp.src() 获取流

pipe() 导入流

concat() 合并到指定的文件

gulp.dest() 写入到指定的文件

gulp.watch() 监听文件的变化