使用gulp-concat将所有CSS文件合并为一个


本文向大家介绍使用gulp-concat将所有CSS文件合并为一个,包括了使用gulp-concat将所有CSS文件合并为一个的使用技巧和注意事项,需要的朋友参考一下

示例

首先,安装gulp并gulp-concat插件到您的项目本地

 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