使用 gulp-concat 將所有 css 檔案合併為一個

首先,將 gulpgulp-concat 外掛安裝到你的專案 localy

 npm install --save-dev gulp gulp-concat

並將 gulp-concat 任務新增到你的 gulpfile.js

var gulp = require('gulp');
var concat = require('gulp-concat');

gulp.task('default', function() {
});

gulp.task('css', function() {
    return gulp.src('css/*.css')
        .pipe(concat('concat.css'))
        .pipe(gulp.dest('css/dist'));
});

gulp.task('default', ['css']);

啟動 gulp 命令後,外掛 gulp-concat 將獲取位於 css/目錄下的所有 CSS 檔案,並將它們連線成一個檔案 css/dist/concat.css