Grunt config for websites

Grunt configuration for websites front end development. The configuration can be used for any kind of front end project. It has some settings to best work with Foundation for Sites 6 and/or Symfony (or any Symfony based project like eZ Platform).

Requirements

Requirements of the host machine.

• Node.js: use the installer provided on the Node.js website
• npm: [sudo] npm install -g npm
• Bower: [sudo] npm install -g bower
• Grunt CLI: [sudo] npm install -g grunt-cli

Installation

With Foundation for Sites 6

• Create a Foundation project: git clone https://github.com/zurb/foundation-sites-template projectname
• If you're using Symfony, move the project folder in the Symfony root. Rename it as tpl
• Delete gulpfile.js and package.json
• Copy and paste all grunt configuration files in the project except for the sass folder
• Move js/app.js into script folder
• Install Bower packages: [sudo] bower install
• Install Node.js modules: [sudo] npm install

Without Foundation for Sites 6

• Download grunt configuration
• If you're using Symfony, move the configuration folder in the Symfony root. Rename it as tpl
• Install Node.js modules: [sudo] npm install

Credits

Ballicons 2 icons released under CC BY 3.0 by Pixel Buddha