node package manager
Stop writing boring code. Discover, share, and reuse within your team. Create a free org »

sl-gt-sass-autoprefixer

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