gulp.task('styles', function() { gulp.src(paths.styles.src + '/**/*.css') .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError)) .pipe(autoprefixer({ browsers: ['last 2 versions'] })) .pipe(gulp.dest(paths.styles.dest)) .pipe(browserSync.stream()); });
function bundleWithBrowserify() { return watchFrontendJs.bundle() .on('error', gutil.log.bind(gutil, 'Browserify Error')) .pipe(source('bundle.js')) .pipe(gulp.dest(paths.build.frontendJs)) .pipe(browserSync.stream()); }
gulp.task("js", function() { return gulp.src(config.srcDir + "/js/**/*.js") .pipe(gulp.dest(config.injectDir + "/js")) .pipe(browserSync.stream()); });
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); });
// > Process SASS/SCSS files to generate final css files in 'public' folder function styles() { return src(config.styles.src) .pipe(sourcemaps.init()) .pipe(plumber({errorHandler: notify.onError('Error: <%= error.message %>')})) .pipe(sass({ outputStyle: 'extended', })) .pipe(combineMq({ beautify: true })) .pipe(autoprefixer({ cascade: false })) .pipe(sourcemaps.write('./')) .pipe(dest(config.styles.dest)) .pipe(browserSync.stream()); }
.pipe(gulpif(debug, sourcemaps.write())) .pipe(gulp.dest(js_dest)) .pipe(gulpif(watch, browserSync.stream()));
gulp.task("sass", function() { return gulp.src(config.srcDir + "/scss/**/*.scss") .pipe(sass().on("error", sass.logError)) .pipe(autoprefixer()) .pipe(gulp.dest(config.injectDir + "/css")) .pipe(browserSync.stream()); });
// > Process SASS/SCSS files to generate final css files into 'public' folder function stylesMin() { return src(config.styles.src) .pipe(plumber({errorHandler: notify.onError('Error: <%= error.message %>')})) .pipe(sass({ outputStyle: 'compressed', })) .pipe(combineMq({ beautify: false })) .pipe(autoprefixer({ cascade: false })) .pipe(dest(config.styles.dest)) .pipe(browserSync.stream()); }
// Compile ES6 JavaScript modules & auto-inject into browsers gulp.task('js', function() { return browserify('src/js/index.js') .transform('babelify', { presets: ['env', 'react'] }) .bundle() .pipe(source('app.js')) .pipe(gulp.dest('assets/js')) .pipe(browserSync.stream()); });
// Compile SASS into CSS & auto-inject into browsers gulp.task('sass', function() { return gulp.src('src/scss/*.scss') .pipe(sass({ sourceComments: 'map', sourceMap: 'scss' })) .pipe(gulp.dest('assets/css')) .pipe(browserSync.stream()); });