var gulp = require('gulp'); var sass = require('gulp-sass'); var sourcemaps = require('gulp-sourcemaps'); var autoprefixer = require('gulp-autoprefixer'); var input = './stylesheets/style.scss'; var output = './stylesheets'; var sassOptions = { errLogToConsole: true, outputStyle: 'expanded' }; var autoprefixerOptions = { browsers: ['last 2 versions', '> 5%', 'Firefox ESR'] }; gulp.task('sass', function () { return gulp // Find all `.scss` files from the `stylesheets/` folder .src(input) .pipe(sourcemaps.init()) // Run Sass on those files .pipe(sass(sassOptions).on('error', sass.logError)) .pipe(sourcemaps.write()) .pipe(autoprefixer()) // Write the resulting CSS in the output folder .pipe(gulp.dest(output)); });