[ASP.NET] Minificación de scripts con Web Essentials
Hola, este será un pequeño post en donde quiero mostrar como podemos generar nuestros archivos JavaScript más compactos, esto va a permitir que el nuevo archivo sea mas liviano y su descarga se más rápida, lo primero que debemos hacer es utilizando Nuget añadir Web Essentials:
Una vez instalada se tiene que reiniciar Visual Studio para que la herramienta quede disponible, ahora, para el ejemplo vamos a usar el siguiente archivo JavaScript (algo muy simple):
var operaciones = { Suma: function (a,b) { return a + b; }, Resta: function (a,b) { return a - b; }, Multiplicacion: function (a, b) { return a * b; }, Division: function (a, b) { return a / b; } };
Ese código lo he creado en un archivo con nombre Test.js, y sobre dicho archivo damos click derecho Web Essentials –> Minify JavaScript file(s), y se generan dos nuevos archivos, el primero Test.min.js y el segundo Test.min.js.map:
En el archivo .min.js se tiene el código JavaScript minificado, y en .min.js.map se tiene información sobre el archivo minificado, es importante que la minificación solo debe realizarse la primera vez, ya que si cambiamos el archivo normal, automáticamente vamos a tener esos cambios reflejados en el archivo .min.
Si observamos el archivo minificado:
var operaciones={Suma:function(n,t){return n+t},Resta:function(n,t){return n-t},Multiplicacion:function(n,t){return n*t},Division:function(n,t){return n/t}}; //@ sourceMappingURL=Test.min.js.map
Espero les haya gustado este pequeño post, que es más un tip de productividad.
01/08/2013 en 10:50
I love Web Essentials. Now it supports Typescript too
01/08/2013 en 11:26
yes my friend, and typescript is excelent
01/17/2013 en 11:49
[…] [ASP.NET] Minificación de scripts con Web Essentials […]