gulp.task('build:styles', ['build:html'], () => { gulp.src('browser/styles/**/*.{css,scss}') .pipe(sass()) .pipe(gulpUnicode()) .pipe(prefixer()) .pipe(concatCss('main.css')) .pipe(cleanCSS({keepSpecialComments: 0})) .pipe(gulp.dest('package/browser/')); });
return function() { let srcFiles = getSrcFiles(src, files); return gulp.src(srcFiles) .on('error', handleErrors) .pipe(plumber({errorHandler: handleErrors})) .pipe(sass({ outputStyle: 'nested', includePaths: config.styles.sassIncludePaths })) .pipe(sassUnicode()) .pipe(csscomb('.csscomb.json')) .pipe(autoprefixer(config.styles.autoprefixer)) .pipe(header(config.banner)) .pipe(gulp.dest(dest)) .pipe(size({ title: 'styles', showFiles: true })) .pipe(rename({ suffix: '.min' })) .pipe(gulpif(createSourcemap, sourcemaps.init())) .pipe(cssnano({ safe: true, autoprefixer: false })) .pipe(header(config.banner)) .pipe(gulpif( createSourcemap, sourcemaps.write(config.deploy ? './' : null)) ) .pipe(gulp.dest(dest)) .pipe(size({ title: 'minified styles', showFiles: true })) .pipe(browser.stream()) .pipe(notify({ title: config.notify.title, message: message, onLast: true })); };