Get it on Google Play

Desarrollo de Themes en Liferay 7 con Yeoman y Gulp

15-07-2016
 

En el post “Como crear Portlets como componentes OSGI para Liferay 7” ya mostramos como crear portlets como componentes OSGI. Ahora vamos a ver como creamos temas en esta nueva versión de Liferay.

Los señores de Liferay han puesto patas arriba todo su sistema de desarrollo de plugins y ahora nos permiten generar themes con Yeoman y Gulp. Pero antes de continuar deberemos instalar Npm, que es un gestor de paquetes Javascript(Necesario para instalar Yeoman y Gulp).

Yeoman es una herramienta estandard para arrancar proyectos web(Lo mismo que hacíamos con Ant aunque Yeoman también nos permite inyectar automáticamente muchos otros frameworks y librerías para hacer UI potentes). Gulp nos automatiza la compilación de los temas y el despliegue.

Una vez que tengamos instalado Npm, Yeoman y Gulp en nuestro sistema deberemos instalar el paquete para generar temas en Liferay:

	sudo npm install -g yo gulp generator-liferay-theme

Y ahora que ya tenemos todo instalado ya podemos generar nuestro primer tema. Ejecutamos el siguiente comando y nos aparecerá un asistente que nos irá preguntando cosas como el nombre del tema, etc:

	yo liferay-theme
Liferay Yeoman Theme

Liferay Yeoman Theme

Finalmente para poder compilar y desplegar lo podemos hacer de la siguiente manera:

# Compilar
gulp build

# Desplegar
gulp deploy

# Compilar y desplegar, todo de una vez	
gulp build deploy

Interesado en formación Liferay?

 

Comments

One Response to “Desarrollo de Themes en Liferay 7 con Yeoman y Gulp”
  1. Jorge says:

    ¿Como puedo hacer para incluir un JS dentro del tema?.

Leave a Reply

© Albert Coronado Calzada