gulp

 1、首先确保pc上装有node node就不作介绍了 之前写过，然后在global环境和项目文件中都install gulp

　　node切换到taobao  nrm use taobao  

　　npm install gulp -g（全局环境）

　　npm install gulp --save-dev（项目环境）

2、在项目中install需要的gulp插件，压缩文件的话只需要

　　npm install gulp-minify-css gulp-uglify gulp-rename del--save-dev

3、在项目的根目录新建gulpfile.js，require需要的module

　　var gulp = require("gulp"),

　　 minifycss  = require（“gulp-minify-css”）,

        concat = require("require-concat"),

        uglify  = require("gulp-uglify"),

        rename = require("gulp-rename"),

        del = require("del")

4、压缩css

    

    gulp.task('minifycss', function() {

       gulp.src('src/*.css')      //压缩的文件

           .pipe(gulp.dest('minified/css'))   //输出文件夹

           .pipe(minifycss());   //执行压缩

    });

 

5、压缩js

 

 gulp.task('minifyjs', function() {

       gulp.src('src/*.js')

          .pipe(concat('main.js'))    //合并所有js到main.js

          .pipe(gulp.dest('minified/js'))    //输出main.js到文件夹

          .pipe(rename({suffix: '.min'}))   //rename压缩后的文件名

          .pipe(uglify())    //压缩

          .pipe(gulp.dest('minified/js'));  //输出

   });

 

6、执行压缩前，先删除文件夹里的内容

 

gulp.task('clean', function(cb) {

        del(['minified/css', 'minified/js'], cb)

    });

 

7、默认命令，在cmd中输入gulp后，执行的就是这个命令

 

  gulp.task('default', ['clean'], function() {

        gulp.start('minifycss', 'minifyjs');

    });