Usando Grunt, bootstrap, Compass y SASS

1.- Requisitos

• Instalar Node
• Instalar Ruby
• Instalar Grunt

   sudo npm install -g grunt-cli

• Instalar SASS

   sudo gem install sass

• Instalar Compass

   sudo gem install compass

• Instalar las dependencias de Grunt

  •  sudo npm install grunt-contrib-watch -save-dev

  •  sudo npm install grunt-contrib-compass -save-dev

  •  sudo npm install grunt-contrib-sass -save-dev

2.-Crear el subtheme

• Para crear el subtheme lo hacemos con Drush o manualmente
  • En tu directorio de tu theme:

     drush dl bootstrap

  • Habilitamos el subtheme desde admin/appearance (antes de ello debemos tener activado el boosstrap theme y actualizado nuestro jquery con el modulo jquery_update)
• Cambiando de LESS a SASS
  • El tu directorio de tu tema creamos una capeta custom-sass
  • Dentro de esa carpeta creamos nuestro archivo style.scss

3.- Configurando GRUNT package.json & Gruntfile.js

• Creamos un archivo y lo nombramos package.json (https://gist.github.com/jgesu/c35314d7d06a6dc19098)
• Instalando las dependencias de Grunt

  • sudo npm install

• Creamos un archivo y lo nombramos Gruntfile.js (https://gist.github.com/jgesu/89ebce4a28633420c8ff)

4.- Corriendo Grunt

• Corremos Grunt y a trabajar:

   grunt watch