gulp 是前端构建工具、相比grunt来说 本人更亲赖于gulp 从less编译速度到生成线上目录、压缩图片效率远远大于grunt ; gulp 里面一个强大的插件livereload 写好代码保存浏览器自动刷新,懒人必备 更能大大提升写代码的效率。
首先安装依赖插件环境
sudo cnpm install 插件名常用的gulp插件
less的编译（gulp-less）
自动添加css前缀（gulp-autoprefixer）
压缩css（gulp-minify-css）
合并js文件（gulp-concat）
压缩js代码（gulp-uglify）
压缩图片（gulp-imagemin）
自动刷新页面（gulp-livereload）
更改提醒（gulp-notify）
清除文件（del）首先引入gulp及插件依赖文件
var gulp = require('gulp'),
less = require('gulp-less'),
htmlmin = require('gulp-htmlmin'),
uglify = require('gulp-uglify'),
concat = require('gulp-concat'),
minifyCss = require('gulp-minify-css'),
autoprefixer = require('gulp-autoprefixer'),
livereload = require('gulp-livereload'),设置默认配置
var config = {
distPath: 'dist/',
appPath: 'app/'
};建立livereload示例代码
定义一个watch任务（自定义任务名称）
gulp.task('watch', function () {
livereload.listen();
gulp.watch(config.appPath + '/**/*.*', function (event) {
livereload.changed(event.path);
});
gulp.watch(config.appPath + 'assets/less/*.less', ['less']);
});添加上面定义的watch任务
gulp.task('default', ['watch']);这里就可以直接执行前面定义好的默认任务;也可以代码行运行
gulp default