gulp壓縮合並代碼

1. 根據電腦配置下載安裝node.js (win + R -> cmd -> node -v 檢查是否安裝成功node.js)
2. npm install gulp --save-dev (建議裝在項目目錄中， 也可以通過 淘寶鏡像 安裝，需要先安裝淘寶鏡像 npm install cnpm -g 全局安裝)
3. 在根目錄創建一個 gulpfile.js 文件
4. 在用插件的時候需要現在項目文件中下載該插件 如：要用concat插件合並js 需要在cmd 中執行 cnpm install gulp-concat --save-dev，並且在gulpfile.js中需要聲明插件變量如：

   var gulp = require('gulp'),
         //jshint = require('gulp-jshint'),//js代碼校驗
          concat = require('gulp-concat'),//合並js代碼
          uglify = require('gulp-uglify'),//壓縮js代碼
          rename = require('gulp-rename')
        //imagemin = require('gulp-imagemin');//壓縮圖片
   

   這樣才可以使用該插件

5. gulpfile.js 還需要寫下面的代碼

   gulp.task('scripts', function() {
       return gulp.src('./js/*.js')
           .pipe(concat('main.js'))    //合並所有js到main.js
           .pipe(gulp.dest('./js'))    //輸出main.js到文件夾
           .pipe(rename({suffix: '.min'}))   //rename壓縮后的文件名
           .pipe(uglify())    //壓縮
           .pipe(gulp.dest('./js'));  //輸出
           });
   

   上述代碼表示壓縮js文件夾中所有的js文件，命名為main.js 並壓縮成 main.min.js 兩個文件都生成到 js文件夾中。

6. 都寫好之后，需要在cmd命令行中執行 gulp scripts。 之后如果沒有意外就可以了~