GulpKitALPHA

Abstraction for front-end dev automation

npm i gulpkit

GulpKit aims to match the simplicity of CodeKit with the power of NPM and Gulp packages. In a matter of minutes, you can get setup with a highly configurable gulpfile that compiles your front-end site(s) and watches for changes.

gulpfile.js — Sublime Text

GulpKit — -bash — 80x6

Creating a gulpfile

var GulpKit = require('GulpKit');

GulpKit(function(kit) {
    // tasks
});

Tasks

scss

Compile sass files, autoprefix vendor prefixes, combines media queries and concat/minify CSS with sourcemaps.

kit.scss({
    source: './scss/app.scss',
    output: './css/style.css'
});

js

Combine Javascript files, run JSHint and uglify with sourcemaps.

kit.js({
    source: './js/main.js',
    output: './build/script.js'
});

browserSync

Browsersync makes developing and testing faster by synchronising code changes and interactions like clicks, scrolls and form inputs across multiple devices.

All output from tasks are added to the list of files that Browsersync will watch and refresh connected browsers on changes.

kit.browserSync({
    proxy: 'yourapp.local'
});

Coming Soon / To-Do

View our public roadmap on GitHub Projects