gulp

 一、首先確保pc上裝有node node就不做介紹了 以前寫過，而後在global環境和項目文件中都install gulp

　　node切換到taobao  nrm use taobao  

　　npm install gulp -g（全局環境）

　　npm install gulp --save-dev（項目環境）

二、在項目中install須要的gulp插件，壓縮文件的話只須要

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

三、在項目的根目錄新建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")

四、壓縮css

    

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

       gulp.src('src/*.css')      //壓縮的文件

           .pipe(gulp.dest('minified/css'))   //輸出文件夾

           .pipe(minifycss());   //執行壓縮

    });

 

五、壓縮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'));  //輸出

   });

 

六、執行壓縮前，先刪除文件夾裏的內容

 

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

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

    });

 

七、默認命令，在cmd中輸入gulp後，執行的就是這個命令

 

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

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

    });