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
}));
};