Swill Boilerplate Generator

Yeoman generator for Swill Boilerplate

Features

• Cleans the assets (build, images, CSS, JS) in the project to maintain the directory organization
• Compresses Images
• Generates Sprites with .png
• Generates Sprites with .svg and a .png to fallback
• Analyzes CSS with CSS Lint
• Prefixes CSS with Autoprefixer
• Compiles Sass or Stylus (Catches Stylus errors and shows them directly on the page, as in Sass)
• Combines matching media queries into one
• Concatenates and minifies scripts
• Analyzes JavaScript with ESLint
• Compiles ES2015, ES2016 and ES2017
• Validates HTML
• Notifies when tasks are complete
• Monitors changes in the files and reloads the browser with BrowserSync
• Uses Jasmine & Karma to test JavaScript
• Builds the project compressing HTML, CSS and JS
• Pushes the build folder to gh-pages branch
• Uses JavaScript Standard Style

Installation

If you have Npm@5.2.0 or highest

npx -p yo -p generator-swill-boilerplate yo swill-boilerplate

If lower Npm@5.2.0

npm install -g yo generator-swill-boilerplate

Then generate your new project:

yo swill-boilerplate

Docs

Swill Boilerplate