HTML5-Sass-ES6-Boilerplate with IIFE Wrapping and Concatenation of JS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
.bowerrc
.editorconfig
.gitignore
.jshintrc
bower.json
gulpfile.js
package.json
readme.md

readme.md

HTML5-Sass-ES6-Boilerplate with IIFE Wrapping and Concatenation of JS

based on

HTML5-Sass-ES6-Boilerplate

Thanks to Jonathan Reed for the initial boilerplate.

Template for quickly building websites using HTML5, Sass, and ES6. The goal is to serve highly optimized, mobile-first code that skips the boring stuff and gets straight to the fun. View template here

I've added JavaScript file concatenation after wrapping src JavaScript files in IIFE's using gulp-iife and gulp-concat, resulting in single uglified file all.js. - KR

Folder Structure

html5-sass-boilerplate
├──readme.md
└───src
    ├──img
    ├──js
    |   └──module.core.js
    |   └──module.messages.js
    |   └──onload.js
    ├──static
    |   └──index.html
    ├──styles
    |   └──_colors.scss
    |   └──_media-queries.scss
    |   └──main.scss
    |   └──normalize.css
    └──svg (working sample pending)

Output

html5-sass-boilerplate
└───dist
    ├──index.html
    ├──js
    |   └──all.js
    ├──styles
    |   └──main.css
    |   └──normalize.css
    └──svg (working sample pending)

Install Dependencies

npm install

Building

To build and serve files, use:

gulp

To deploy to github, use:

gulp deploy