javascript - gulp使用了gulp-minify-css会报错?

问题描述

问 题

这是编译sass的代码:

function sass() {
  return gulp.src(['src/scss/{app,mall,datetime-picker,foundation-datepicker,style}.scss'])
    .pipe($.sourcemaps.init())
    .pipe($.sass({
      includePaths: PATHS.sass
    })
      .on('error', $.sass.logError))
    .pipe($.autoprefixer({
      browsers: COMPATIBILITY
    }))
    // Comment in the pipe below to run UnCSS in production
    //.pipe($.if(PRODUCTION, $.uncss(UNCSS_OPTIONS)))
    .pipe($.if(PRODUCTION, $.cssnano()))
    .pipe($.if(!PRODUCTION, $.sourcemaps.write()))
    .pipe($.minifyCss())
    .pipe(gulp.dest(PATHS.dist))
    .pipe(browser.reload({ stream: true }));
}

没加.pipe($.minifyCss())的时候没报错

解决方案

看了看,是sourceMap的影响
也就是说,把minifyCss()方法移动上来

.pipe($.minifyCss())
.pipe($.if(!PRODUCTION, $.sourcemaps.write()))
 

这篇关于javascript - gulp使用了gulp-minify-css会报错?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！