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