核心提示：什么是gulpgulp是前端开发过程中对代码进行自动化构建的利器。它不仅能对资源进行优化，而且在开发过程中能够通过配置自动完成很多重复的任务，让我们可以专注于代码，提高工作效率。安装gulpcnpm ...
什么是gulp
gulp是前端开发过程中对代码进行自动化构建的利器。它不仅能对资源进行优化，而且在开发过程中能够通过配置自动完成很多重复的任务，让我们可以专注于代码，提高工作效率。
安装gulp
cnpm install gulp -g
安装gulp依赖
cnpm install gulp --save-dev //gulp依赖
cnpm install gulp-uglify --save-dev //js压缩依赖
cnpm install gulp-clean-css --save-dev //css压缩依赖
gulp目录结构
gulpfile代码
var gulp = require('gulp'); //引入gulp模块
var uglify = require('gulp-uglify'); //引入gulp-uglify模块
var cleanCss = require('gulp-clean-css'); //引入gulp-clean-css模块
gulp.task('min-js',function(){
gulp.src('src/js/*.js') //匹配所有src/js目录下的js文件
.pipe(uglify()) //进行js压缩处理
.pipe(gulp.dest('dist/js')); //指定压缩文件存放的目录为dist/js
});
gulp.task('min-css',function(){
gulp.src('src/css/*.css') //匹配所有src/css目录下的css文件
.pipe(cleanCss()) //进行css压缩处理
.pipe(gulp.dest('dist/css')); //指定压缩文件存放的目录为dist/css
});
执行gulp
gulp min-css //开始min-css对应的task gulp min-js //开始min-css对应的task
