gulp-concat 的簡介：

成都創(chuàng)新互聯(lián)服務(wù)項目包括嘉陵網(wǎng)站建設(shè)、嘉陵網(wǎng)站制作、嘉陵網(wǎng)頁制作以及嘉陵網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，嘉陵網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到嘉陵省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

            用來把多個文件合并為一個文件,我們可以用它來合并 js 或 css 文件等，這樣就能減少頁面的http 請求數(shù)，提升用戶體驗。

一、gulp-concat 插件的使用

1、安裝 “gulp-concat ”插件命令（在終端進(jìn)入到項目根目錄執(zhí)行）

            npm install --save-dev  gulp-load-plugins

            npm install --save-dev  gulp-concat

2、在項目根目錄下提供 "gulp-concat" 插件任務(wù)配置需要的 src 目錄和源文件（源文件放置到 src 目錄下）

            mkdir src

3、在 gulpfile.js 文件中配置使用 "gulp-concat"

 具體示例：
var gulp = require('gulp'),    
      plugins = require('gulp-load-plugins')();    // 裝載插件
      
gulp.task('concat', function () {          // 自定義 "concat" 任務(wù)
    return gulp.src('src/*.js')                // 模糊匹配 src 目錄下所有 js 文件 
        .pipe(plugins.concat('libs.js'))    // 合并匹配到的 js 文件并命名為 "libs.js"   
        .pipe(gulp.dest('dist/js'));          // 合并后的文件路徑
});

4、最后在終端運行 "gulp concat" 命令

PS：如果沒有錯誤提示信息，證明就沒什么問題了?，F(xiàn)在去項目根目錄下看是否生成 "dist/js" 目錄和目標(biāo)文件。未完待續(xù)。。。。