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。 以後若是沒有意外就能夠了~