gulp.task('styles', function() { return gulp.src('./client/scss/*.scss') .pipe(sass({ includePaths: ['bower_components/foundation/scss'] })) .pipe(concat('app.css')) .pipe(gulp.dest('./client/css')) .pipe(minify()) .pipe(rename('app.min.css')) .pipe(gulp.dest('./client/css')) })
gulp.task('stylus', function() { gulp.src('./src/styles/style.styl') .pipe(stylus({ use: nib(), 'include css': true, })) .pipe(minify()) .pipe(gulp.dest('./build/css/')) })
gulp.task('css:build', ['clean:css'], cb => { let postcss = require('gulp-postcss'), syntax = require('postcss-scss'), autoprefixer = require('autoprefixer'), sass = require('gulp-sass'), concat = require('gulp-concat'), minify = require('gulp-minify-css'); let processors = [ autoprefixer({ browsers: ['last 2 versions'] }) ]; gulp.src(['./components/**/*.{css,scss}']) .pipe(gulpif(debug, sourcemaps.init())) .pipe(postcss(processors, {syntax: syntax})) .pipe(concat(css_filename)) .pipe(sass({indentedSyntax: false, errLogToConsole: true})) .pipe(gulpif(!debug, minify())) .pipe(gulpif(debug, sourcemaps.write())) .pipe(gulp.dest(css_dest)) .pipe(browserSync.stream()); log(`CSS files processed and concatenated to ${css_dest}${css_filename}`); cb(null); });
/* stylus */ gulp.task('styles', function(){ return gulp.src('./src/app.styl') .pipe(stylus({ 'include css': true })) .on('error', handleErrors) .pipe(sourcemaps.init()) .pipe(minify()) .pipe(sourcemaps.write('.')) .pipe(gulp.dest('./dist/')) .pipe(browserSync.reload({stream: true})); });
gulp.task('stylus', function() { gulp.src('./src/styles/style.styl') .pipe(stylus({ use: nib(), 'include css': true, })) .pipe(minify()) .pipe(gulp.dest('./build/css/')) })
/* stylus */ gulp.task('styles', function(){ return gulp.src('./src/app.styl') .pipe(stylus({ 'include css': true })) .on('error', handleErrors) .pipe(sourcemaps.init()) .pipe(minify()) .pipe(sourcemaps.write('.')) .pipe(gulp.dest('./dist/')) .pipe(browserSync.reload({stream: true})); });