slurpee
preconfigured gulp
Why?
Slurpee is a configuration of gulp that enables you to quickly get up and running with a front-end project. It supports the following out of the box:
- Jade template compilation
- Styl-like stylesheet compilation with auto-prefixer support
- gulp-surgeon preconfigured with live-reload for lightning fast compilation
- bower / component packaging
Available Tasks
slurpee-styles
- compiles stylesheetsslurpee-js
- compiles jsslurpee-jade
- compiles all templates and moves them topublic/
slurpee-indexFile
- compiles anindexFile
(if configured) and moves it toslurpee-public/index.html
slurpee-assets
- moves files and images fromlib
topublic/
slurpee-serve
- start a static file serverslurpee-build
- runs['slurpee-js', 'slurpee-styles', 'slurpee-jade' 'slurpee-indexFile', 'slurpee-jade', 'slurpee-assets']
slurpee-watch
- watches files for changes and livereloads them.slurpee-watch-gulpfile
- watches gulpfile for changes and reloads thewatch
task
Example Usage
In your gulpfile.js
var slurpee = ; slurpeeconfigjsPaths = 'lib/{pages,components}/**/*.js'; // ... more here, see config below slurpee; var gulp = ; gulp;
Configuring / Default Values
The default config for this project is based off of the sik suggested project layout.
assetPaths: 'lib/components/**/{images,files}/*' 'lib/pages/**/{images,files}/*' 'lib/express-pages/**/{images,files}/*' autoprefixerConfig: 'last 2 versions' cssFile: 'app.css' indexFile: undefined jsFile: 'app.js' jsPaths: 'lib/{components,pages}/**/index.js' 'lib/{components,pages}/**/*.js' jsRootPath: './lib' jadePaths: 'lib/components/**/*.jade' 'lib/pages/**/*.jade' liveReloadPort: 35729 outputDir: 'public/' reworkPlugins: serverJadePaths: 'lib/express-pages/**/*.jade' spawns: staticDir: undefined staticPort: 3000 stylGlobals: stylPaths: 'lib/**/*.styl' useComponent: false useBower: false}