Como Crear version min de javascript

Como Crear version min de javascript

Como todos sabemos, casi todos los codigos javascript en la web estan en version .min a este proceso se llama minificar. 

Existen muchas páginas en la web que nos permitirán hacerlo. Sin embargo, seguramente no confías en estos sitios ya que al hacer esto. Ellos tienen tu codigo fuente original y sin minificar.

Este proceso no es muy complicado y puedes hacerlo tu mismo. Sin embargo primero algunas cosillas que debes revisar.

1. Tu código debe estar bien escrito (validado). Fijate los ;(punto y coma) los cuales cierran cada orden. 
2. Todos tus comentarios deben estar cerrados (/* Comentario */) ya que al minificar todo se convierte en una sola linea. y un comentario (//comentario) Comentaria  a todo lo que sigue.

Con estos dos simples consejos seguramente todo te irá bien.

para nuestro ejemplo haremos el tipico hola mundo.

CODIGO ORIGINAL

function hola(quien){
	/*los comentarios asi*/ 
	alert("Hola "+quien);
}
hola("mundo");

Para poder minificar nosotros mismos este codigo lo que tenemos que hacer es:

1. Eliminar todos los retornos de carro (los enter).
2. Eliminar todas las tabulaciones (los tabs).
3. Eliminar todos los espacios dobles.

Si tu codigo esta bien escrito entonces al hacer esto todo te ira bien.

Yo utilizo mucho Dream Weaver y en la opcion de Buscar y reemplazar tenemos una herramienta para buscar expresiones regulares. Esto me facilita toda la tarea. y simplemente busco y reemplazo con la siguiente expresion regular.

BUSCAR: \s{2,}|\r|\n aunque funciona solo con la primer \s{2,}
REEMPLAZAR En reemplazar pones un espacio simple. 
Recuerda activar la casilla Utilizar Expresion Regular.

Con esto siemplemente el código quedará minificado:

function hola(quien){/*los comentarios asi*/alert("Hola"+quien);}hola("mundo");

Eso es todo. Espero que este pequeño tutorial te ayude especialmente si estas iniciando.