合併檔案

套件名稱：gulp-concat

安裝

npm install gulp-concat --save-dev

用法

在需要合併的 task 裡加入.pipe(concat( ))，例如

var concat = require('gulp-concat');    //載入 gulp-concat

gulp.task('style', function() {  
  return gulp.src('src/css/*.css')    //所有要壓縮的 .css 檔案
    .pipe(cleanCSS({compatibility: 'ie8'}))    //將 css 最小化
    .pipe(concat('style.min.css'))    //將所有 css 合併成 style.min.css
    .pipe(gulp.dest('dist/css'));    //壓縮後檔案輸出位置
});

gulp.task('script', function () {
  return gulp.src('src/js/*.js')    //所有要壓縮的 .js 檔案
    .pipe(uglify())    //將 JavaScript 最小化
    .pipe(concat('main.min.js'))    //將所有 js 合併成 main.min.js
    .pipe(gulp.dest('dist/js'));    //壓縮後檔案輸出位置
});