sl-gt-sass-autoprefixer

gulp task for sass compile with autoprefixer

Usage no npm install needed!

<script type="module">
  import slGtSassAutoprefixer from 'https://cdn.skypack.dev/sl-gt-sass-autoprefixer';
</script>

README

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