Yeoman generator for Swill Boilerplate
- 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
buildfolder to gh-pages branch - Uses JavaScript Standard Style
If you have Npm@5.2.0 or highest
npx -p yo -p generator-swill-boilerplate yo swill-boilerplateIf lower Npm@5.2.0
npm install -g yo generator-swill-boilerplateThen generate your new project:
yo swill-boilerplate