Convertir archivos Less a CSS

Cuando trabajamos con archivos .less  y nuestro proyecto esta listo para ser publicado ,   es recomendable   convertir este tipo de archivos a CSS para mejorar el rendimiento de carga de nuestras paginas  .

Muchos editores de código  ya disponen de herramientas para realizar esta tarea.

SublimeText 

sublime_less

Para compilar Less a CSS abrimos PackageControl:InstallPackage y buscamos el plugin LESS-build , una vez instalado reiniciamos nuestro editor .

Abrimos nuestro archivo .less vamos a  Tools > Build  y  SublimeText se encargara de crear o reescribir el archivo CSS en la misma carpeta donde se encuentra nuestro archivo .less

Muy fácil.

SimpleLess

simple_less

SimpleLess es un programa que se puede ejecutar   en Windows y OSx  muy fácil de usar para compilar archivos LESS a CSS , el procedimiento es muy simple :

  1. Descargamos SimpleLess
  2. Extraemos la carpeta completa  y ejecutamos el archivo de la aplicación SimpleLess.exe (Win)
  3. Nos abrirá una ventana que nos indica que arrastremos nuestro archivo .less
  4. Arrastramos nuestro archivo a la ventana  y listo.
  5. SimpleLess generara un archivo .css con el mismo nombre  a partir de nuestro archivo .less  que sera guardado en la carpeta donde se encuentre este ultimo, pero  también nos da la opción de guardarlo en una carpeta especifica.

Crunch

crunch

Crunch es una app desarrollada en AIR, mas que un simple convertidor , es un editor donde podemos crear directamente nuestros archivos less y editarlos.

Su uso es muy fácil , solo instalamos la aplicación abrimos un archivo  (o creamos uno nuevo)   .less ,  vamos al enu principal  buscamos la opción  File >Crunch! , esto  se encargara de crear el archivo css.

Existen  mas herramientas y plugins para otros editores como NetBeans , Eclipse , Komodo IDE, Aptana   etc. en otro  post veremos cada uno de ellos.

 

Leave a Reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *