gulp将所有css文件缩小为一个文件

  • Z时代
  • 2024-01-10
  • 分类：问答

我有如下gulp任务脚本，

// loads various gulp modules
var gulp = require('gulp');
var concat = require('gulp-concat');
var minifyCSS = require('gulp-minify-css');
var autoprefixer = require('gulp-autoprefixer');
var rename = require('gulp-rename');
// create task
gulp.task('css', function(){
    gulp.src('src/css/**/*.css')
        .pipe(minifyCSS())
        .pipe(rename('style.min.css'))
        .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9'))
        .pipe(gulp.dest('dist/css'))
});

如何将src / css中的所有css文件最小化为dist / css / style.min.css的单个文件？

回答：

您的gulp任务缺少concat管道。

gulp.src('src/css/**/*.css')
    .pipe(minifyCSS())
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9'))
    .pipe(concat('style.min.css'))
    .pipe(gulp.dest('dist/css'))

这是有关使用gulp进行构建的很好的教程：

http://www.smashingmagazine.com/2014/06/11/building-with-

gulp/

以上是 gulp将所有css文件缩小为一个文件 的全部内容， 来源链接： utcz.com/qa/401302.html

回到顶部