Coding standards, optimization, automation & testing is key when building frontend applications. gulp-starter was built to do just that — a gulp framework to ensure a stable, readable, flexible & completely customizable build.
What is gulp? Gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow. It’s a platform-agnostic, simple and strong ecosystem built using NPM modules allowing developers to do whatever they want.
gulp-starter — a starter gulp framework.
gulp-starter was built to rapidly setup frontend build environments. Out of the box, it contains common pre-built tasks that boost performance, enforce coding standards, automate repetitive tasks and generates real-time developer documentation so everyone is always on the same page.
Get started by downloading the latest release on Github.
- CMS agnostic for maximum flexibility
- Supports ECMAScript 2015+ code using Babel
- Supports Sass & cssnano to quickly create & compress CSS files
- Automates support for legacy browser with autoprefixer
- Self-documenting developer style guide using sassdoc
- Helps enforce consistency, best practices & coding standards with stylelint, eslint and Prettier
- Optimizes & minifies images using imagemin
FIXMEdocumentation using gulp-todo
Installation is easy.
Download the latest release, then install using
gulp-starter, on average, saves 8 hours of a developer’s time on project setup based on over 4 years of my personal & professional use in applications & sites.
Once installed, you can start developing right away with little to no configuration. If needed, you also have the ability to completely customize the gulp framework to suit your needs.
Configuration is straightforward.
This gulp framework was but with simplicity in mind.
Configuring gulp-starter is simple — or can easily be extended to handle the most complex applications. All the magic happens in the
gulpfile.babel.js, though for most project, its unlikely you’ll ever need to modify it.
What is a gulpfile? A gulpfile is a file in your project directory titled
gulpfile.js — or capitalized as
Makefile and if using Babel,
gulpfile.babel). It automatically loads when you run the gulp command. Within this file, you’ll often see gulp APIs, like
Usage is a breeze.
Once installed & configured (if needed), usage is simple with these pre-built shell commands.
Compile for development:
npm run compile
Compile while developing (auto compiles when files are changed):
npm run watch
Compile for production:
npm run build