gulp合并插件
安裝:npm install gulp-concat --save-dev
安裝好之后
var concat = require(‘gulp-concat’); //引用
接下來，只要concat(‘xxx.js’)就算合并了。注意此時只是在內(nèi)存中生成
前面我們學(xué)過管道的概念，因此代碼整合非常簡單
gulp.src([這里寫上js]).pipe(concat(‘xxx.js’)).pipe(gulp.dest(‘目錄’))
1.編輯gulpfile.js
var gp = require('gulp');
var concat = require('gulp-concat');
gp.task("taskName",function(){
// 把1.js和2.js合并為main.js，輸出到dest/js目錄下
gp.src(['1.js','2.js']).pipe(concat('main.js')).pipe(gp.dest('./dest/js'));
})
2.執(zhí)行g(shù)ulp任務(wù)
gulp taskName
第二個插件：壓縮插件
安裝：npm install gulp-uglify --save-dev
光合并沒啥亂用，我們還需要壓縮，減少網(wǎng)絡(luò)傳輸
這個插件就更簡單了
var uglify = require(‘gulp-uglify’);
uglify()即可，參數(shù)都不要
同樣是編輯gulpfile.js
var gp = require('gulp');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
gp.task("taskName",function(){
// 把1.js和2.js合并壓縮為main.js，輸出到dest/js目錄下
gp.src(['1.js','2.js']).pipe(concat('main.js')).pipe(uglify()).pipe(gp.dest('./dest/js'));
})
執(zhí)行這個任務(wù)后會生成壓縮版的main.js
