gulp安装简介

1 全局安装gulp：npm install -g gulp

2 在项目根目录中，安装项目的开发依赖：npm install --save-dev gulp

　　2.1 根据gulpfile.js中的依赖包，先安装好对应的包。如：npm install --save-dev gulp-uglify

3 在需要构建打包的目录下，新建一个gulpfile.js文件，在该文件中，写上task任务。如下所示：

var gulp = require('gulp');
　　//npm install --save-dev gulp-uglify
    uglify = require('gulp-uglify');
    
    
gulp.task('default', function() {
    return gulp.src('./test.js')
        .pipe(uglify())
        .pipe(gulp.dest('./dist/'));
});

4 在当前目录下，按住键盘shift键，然后右击鼠标，选择“在此处打开命令窗口”。在命令行中，输入：gulp，按enter，就开始编译了。

5 编译指定task。如下所示：

var gulp = require('gulp');
　　//npm install --save-dev gulp-uglify
    uglify = require('gulp-uglify');
    
    
gulp.task('test', function() {
    return gulp.src('./test.js')
        .pipe(uglify())
        .pipe(gulp.dest('./dist/'));
});

这次，在命令行中，就要输入：gulp test，按enter，就开始编译了。

参考：

http://www.gulpjs.com.cn/docs/getting-started/