Archivo del Autor: Pedro García Navarro

Acerca de Pedro García Navarro

Front-End Developer Certified Magento Front-End Developer & Magento Solution Specialist. @perichus

Compilando los ficheros Sass de Magento utilizando Gulp y Node-sass

Sass

Antes de todo dar las gracias a Damián por invitarme a escribir en su blog, es un honor escribir en un blog del que hemos aprendido tanto, espero estar a la altura.

Desde la versión 1.9.0.0 de Magento se nos introdujo de forma nativa en los themes Sass con el famoso theme rwd. Trabajando como Freelance, me he encontrado con infinidad de proyectos en los que tocan directamente el css sin compilar los SCSS, lo que lleva a una perdida de tiempo y a unos buenos dolores de cabeza cuando el proyecto lo toca otra persona.

Para simplificar todo el proceso de compilación de los ficheros Sass a los css, después de muchos dolores de cabeza con Ruby, me decanté hace tiempo en hacerlo con Node.js.

Usaremos pues Node.js, Gulp y Bower. Tendremos que usar solamente comandos muy básicos de command-line (Terminal en OSX, Command Prompt en Windows, …), con lo que no implicará mucha dificultad.

Instalando Node.js

Lo primero que necesitaremos antes de todo será instalar Node.js, para ello sólo tendremos que ir a http://nodejs.org y descargar la versión compatible con nuestro sistema operativo. Hay un botón gigante que pone Download for … con lo que no tiene perdida.

Sigue leyendo