javascript - gulp sass 不缩小

Question

有一个任务来处理 SCSS 文件(其中一些只是纯 CSS)，最终结果没有缩小。这是我的 gulpfile.js 的一部分:

var gulp        = require('gulp');
var gutil       = require('gulp-util');
var sass        = require('gulp-sass');
var concatCss   = require('gulp-concat-css');
var minifyCss   = require('gulp-minify-css');

var estilos = [
    'app/scss/bootstrap.scss', /*a bunch of includes of other scss files*/
    'node_modules/select2/dist/css/select2.min.css',
    'node_modules/magnific-popup/dist/magnific-popup.css',
    'app/scss/estilos.scss',
    'app/scss/indexSlider.scss'
]

gulp.task('css', function() {
    return gulp.src(estilos)
        .pipe(sass({ style: 'compressed' }).on('error', gutil.log))
        .pipe(minifyCss())
        .pipe(concatCss('final.min.css'))
        .pipe(gulp.dest('public/css'))
});

我两天前才开始使用 gulp，所以到目前为止我的调试技能非常低……我做错了什么，导致最终文件没有被缩小？

Answer 1

你的estilos中有不同的src，首先你必须将它们分别编译为css，然后合并。你可以在这个例子https://ypereirareis.github.io/blog/2015/10/22/gulp-merge-less-sass-css/中找到答案.

希望能帮到你)