slushie

Slushie (Work in progress)

Literally an entire* Gulp pipeline for free installed via npm. Just add water!

*(just Sass for now---more coming super soon!)

You can read the article here: http://www.creativenightly.com/2016/02/Slushie-the-pre-packaged-gulp-pipeline/

Slushie currently comes with the following Sass gulp tasks:

• Development
  • Linting
  • Sourcemaps
  • Autoprefixing
  • Watch
• Production
  • Linting
  • Autoprefixing
  • Optimisation (Sorting, removing duplicates etc.)
  • Minification

You'll get them all for free just by installing via npm! Magic!

Installing

Ensure you have gulp installed.

npm install -g gulp

Then install Slushie in your project using the following command:

npm install slushie --save-dev

Create a gulpfile.js in your project with the following:

var slushie = require('slushie');
 
var water = {}; // this is your config object
 
/**
 
EXAMPLE:
 
var water = {
  sass_development: {
    destination: './new_destination'
  }
}
 
*/
 
slushie(water);

This should work out of the box thanks to the carefully considered defaults set. However, if you do want to override any of the presets, take a look at the default settings in default.js and override as necessary in the config object in your newly created gulpfile.

Main gulp tasks available

Commands	Meaning
gulp	alias for gulp watch
gulp watch	Sets up a Sass watch task to lint, and recompile the files in dev/fast mode (uncompressed, unoptimised) on change for development.
gulp sass:lint	Lints the Sass files and reports any errors.
gulp build:production	Builds the Sass ready for production. Sass files are fully optimised, and minified. Calls sass:production and other (coming soon) tasks in sequence internally.