gulp的用法

1、gulp

　(1)、什么是gulp

　　    gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；

　　    她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；

　　    使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。

　　(2)、gulp的用法

　　　　注：gulp的用法与grunt的用法很相似，只要学会一种方法，另一种就非常简单了

　　　　　想要使用gulp,需要安装 npm install gulp-cli -g 和 npm install gulp

　　实例：

//引入依赖
　　var gulp = require('gulp');
//引入插件
　　var uglify = require('gulp-uglify');//压缩js插件
　　var less = require('gulp-less');//编译less为css插件
　　var cssmin = require('gulp-minify-css');//压缩css插件
　　var rename = require('gulp-rename');//改文件名字插件
//配置任务
　　//压缩js
　　gulp.task('js', function(){
　　　　gulp.src('index/sum.js')
　　　　　　.pipe(uglify())
　　　　　　.pipe(gulp.dest('dest'));
　　});
　　//编译less
　　gulp.task('less', function () {
　　　　gulp.src('index/*.less')
　　　　　　.pipe(less())
　　　　　　.pipe(gulp.dest('dest'));
　　});
　　//压缩css
　　gulp.task('cssmin', function () {
　　　　gulp.src('index/*.css')
　　　　　　.pipe(cssmin({
　　　　　　　　advanced: false,//类型：Boolean 默认：true [是否开启高级优化（合并选择器等）]
　　　　　　　　compatibility: 'ie7',//保留ie7及以下兼容写法 类型：String 默认：''or'*' [启用兼容模式； 'ie7'：IE7兼容模式，'ie8'：IE8兼容模式，'*'：IE9+兼容模式]
　　　　　　　　keepBreaks: true,//类型：Boolean 默认：false [是否保留换行]
　　　　　　　　keepSpecialComments: '*'   //保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀，如果不加这个参数，有可能将会删除你的部分前缀
　　　　　　}))
　　　　　　.pipe(gulp.dest('dest'));
　　});
　　//改文件名字
　　gulp.task('css',function(){
　　　　gulp.src('index/b.css')
　　　　　　.pipe(cssmin())
　　　　　　.pipe(rename('b.min.css'))
　　　　　　.pipe(gulp.dest('dest'))
　　})
//注册默认任务
gulp.task('default', [ 'js','less','cssmin','css']);

　　　　　　等等，gulp还有许多插件，

　　　　　gulp插件大全：http://www.cnblogs.com/kelsen/p/4643762.html