See a demo of this boilerplate here
This is a simple boilerplate using Grunt & Assemble
This boilerplate enforces very few conventions and can be pieces can be swapped out as needed. Here's a list of what comes by default:
- HTML ⋅⋅- Assemble/Handlebars for templating
- CSS ⋅⋅- Scss ⋅⋅- PostCSS Autoprefixer
- Javascript ⋅⋅- RequireJS ⋅⋅- Babel (ES6 Transpiling)
- Bower
- Grunt
- Clone/download repo
- Run
cp build-env.js-dist build-env.js
to make a local copy of the build environment variables - Run
npm install -g grunt-cli
- Run
npm install
- Run
bower install
- Run
grunt
- Run
grunt connect
- Navigate to
localhost:4000
in browser to view output - Optionally run
grunt watch
to watch for changes
Want to build for production? Run grunt --prod
and the following will occur:
- CSS will be minified
- JS will run through the r.js optimizer and be minified into one
main.js
file. foot.hbs
markup will output adjust ouput for production.
Need to check for production in your Handlebars templates? Simply use an {{#if production}}
block to output content for production.
Submit an issue or pull request.