This is the project scaffolding I use for all of my Craft CMS projects.
This project scaffolding is pretty opinionated and makes use of the following tools, open source projects, and architecture methodologies:
- Require.js - JavaScript file and module loader
- Sass - CSS extension language
- CoffeeScript - Language that transcompiles to JavaScript
- SMACSS - Methodology for organizing scalable and modular CSS architectures
- svg4everybody - Open source external SVG polyfill
- PictureFill - Open source picture element polyfill
Download or clone this project scaffold into your working directory, and then run:
$ npm install
$ bower install
Your project is now fully set up. You have two Grunt tasks in your Gruntfile: $ grunt
for development and $ grunt build
for project compilation.
After running $ grunt build
, your deploy-ready code will be located in the /dist/
directory of your project.