Gulp Boilerplate
Personal Gulp boilerplate for basic frontend web projects.
Project Features
- jQuery
- Modernizr
- Picturefill
- Metaquery
- Velocity
Build-Task Features
- Sass Suport
- Pug Support
- Image Optimization
- SVG-Sprite Generation
- WebP Generation
- Bourbon Integration
- Browser-Sync Integration
- Auto-Prefixer Integration
- Source-Map Integration
- Resource Minification
- Notification Support
Browser Compatibility
- Evergreen Browsers
- IE 10+
Tasks
Run the default
task by executing gulp
. Run specific tasks by executing gulp <task>
.
-
default
Runs thereset
,setup
,build
andserve
tasks. -
build
Runs thecommon
,templates
,styles
,scripts
,images
andicons
tasks. -
serve
Startsbrowser-sync
which is serving files from the public directory. -
setup
Runsbower install
to install dependencies defined in thebower.json
file. -
reset
Cleans up the public directory by deleting all generated files. -
common
Copies general files from the source directory root to the public directory. -
template
Compilespug
templates and writes them to the public directory. -
style
Compilesscss
files and writes them to the public directory. -
script
Processesjavascript
files and writes them to the public directory. -
image
Reads images from the images directory and copies them to the public directory. -
icon
Reads SVG files from the icons directory and generates a sprite including ascss
file. -
package
Creates a ZIP file from files in the public directory.
Flags
-
watch
Use the-w
or--watch
flag on any task to enable file-watching and automatic re-run on changes. -
optimize
Use the-o
or--optimize
flag on any task to enable optimizations for production output e.g. minification etc. -
force
Use the-f
or--force
flag on any task to force it running without using caches. -
production
Use the-p
or--production
flag on any task to skip tasks which are irrelevant on production environments.