使用 gulp-concat 將所有 css 檔案合併為一個
首先,將 gulp
和 gulp-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