/gulp-workflow-boilerplate

An opinionated boilerplate with common frontend tasks to start a new project with Gulp.js.

Primary LanguageCSSMIT LicenseMIT

gulp-workflow-boilerplate

An opinionated boilerplate with common frontend tasks to start a new project with Gulp.js. This is a work in progress! Feel free to contribute.

Install

Requirements

Node (use brew or install it from here)

brew install node

Gulp (Getting started)

npm install -g gulpjs/gulp-cli#4.0

Clone this repository

OSX & Linux

git clone --depth 1 https://github.com/matthiasott/gulp-workflow-boilerplate.git && cd gulp-workflow-boilerplate && rm -rf .git

Windows

git clone --depth 1 https://github.com/matthiasott/gulp-workflow-boilerplate.git && cd gulp-workflow-boilerplate && rd /s /q .git

Start a new project

clone the repository, adjust package.json to your needs and install all dependendies with

npm install

Start Browsersync

You can use Browsersync to start a server that automatically updates all browsers as you change HTML, CSS, images etc.

browser-sync start --server

Browsersync is also part of the default watch task:

gulp watch

Features

  • gulp-sass
  • gulp-concat
  • gulp-sourcemaps
  • gulp-uglify
  • gulp-autoprefixer
  • gulp-clean-css
  • gulp-rev
  • gulp-sequence
  • gulp-clean
  • gulp-rename
  • gulp-rev-replace

More documentation will follow soon! ;)

Changelog

0.1.0

  • First basic version. Still a lot of cleanup to do. Please use with caution!

Roadmap

  • Include a workflow for SVG

License

Code released under the MIT license.

Author

Matthias Ott
mail@matthiasott.com
https://matthiasott.com
https://twitter.com/m_ott

Copyright (c) 2017 Matthias Ott