Gulp task for sass compile with autoprefixer

Dependencies

    "gulp"
    "gulp-autoprefixer"
    "gulp-import-css"
    "gulp-clean-css"
    "gulp-rename"
    "gulp-sass"
    "gulp-sass-bulk-import"
    "gulp-watch"

Folder structure

Sample

Usage

npm install sl-gt-sass-autoprefixer

In your gulpfile.js

var gulp = require('gulp'),
  options = {
    sassFolder: scss,
    cleanCssSet : {
      sourceMap: true
    }
  }

require('sl-gt-sass-autoprefixer')(gulp, options);

Options

• sassFolder: set scss file folder for sass-watch default:assets/scss
• cssFolder: set output file folder default:build/css
• outputName: set output css file name default:main
• prefixerSet: More info default:{"browsers": ["> 2%"]}
• clearCssSet: More info default:{}

Watch

gulp sass-watch

Minify

gulp min-css

Check all tasks

gulp -T

Reference

Modularizing gulp tasks