Minimizar javascript y css con Visual Studio 2019
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
Etiquetas: css, Javascript, Página web, Visual Studio, web