Parte importante del desarrollo de aplicaciones web es el css y el javascript. Cuando ya tenemos listo nuestro código de javascript y css es una buena práctica comprimir este código o minimizar su tamaño para la distribución del sitio web.
Con Visual Studio tenemos diferentes técnicas para hacer este tipo de tareas. Podemos usar webpack, gulp, etc. Sin embargo, hoy vamos a ver una herramienta muy simple que podemos utilizar para comprimir nuestros scripts y css.
Cuando creamos nuestro proyecto web debemos de instalar con Nuget la siguiente librería:
BuildBundleMinifier. Con esta librería vamos a poder minimizar nuestros scripts. Cuando esta instalado debemos crear un archivo en la ruta del proyecto llamado bundleconfig.json
Ejemplo de como luce el documento de configuración
[
{
“outputFileName”: “output/site.min.css”,
“inputFiles”: [
” output/site.css
],
“minify”: {
“enabled”: true,
“commentMode”: “all”
}
},
{
“outputFileName”: “output/site.js”,
“inputFiles”: [
” output/site.js”
]
}
]
Se puede hacer otro tipo de configuraciones. Esta es como la simple. Lo importante es que cada vez que guardamos el javasctipt o el css automáticamente se dispara la tarea de minimizar los archivos.
Con esto no tenemos que preocuparnos por estar minimizando nuestro código ni corriendo tareas. Es fácil y muy rápido a la hora de comprimir el código.
Sitio de la Librería https://github.com/madskristensen/BundlerMinifier
