Skip to content

KingScooty/slushie

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.