Optimiza tu aplicación de Angular con la herramienta angular-css-shrink

Para eliminar el CSS no utilizado en una aplicación de Angular, puedes utilizar la dependencia angular-css-shrink. Esta dependencia es una herramienta de línea de comandos que analiza el código de tu aplicación y elimina el CSS que no es utilizado.

Para utilizar angular-css-shrink, primero debes instalarla como una dependencia de desarrollo en tu proyecto de Angular:

npm install --save-dev angular-css-shrink

Una vez instalada, puedes utilizar el comando css-shrink para analizar y eliminar el CSS no utilizado en tu proyecto:

npx css-shrink

Este comando buscará todos los archivos CSS en tu proyecto y eliminará el CSS que no es utilizado. Puedes especificar opciones adicionales para personalizar el comportamiento de css-shrink, como la ubicación de tus archivos CSS y el nivel de optimización deseado.

Es importante tener en cuenta que angular-css-shrink no es una herramienta oficial de Angular y no está soportada por la comunidad de Angular. Si estás buscando una solución oficial para eliminar el CSS no utilizado en tu aplicación de Angular, puedes considerar utilizar el módulo de optimización de Angular CLI, que incluye una opción para eliminar el CSS no utilizado.

Para utilizar esta opción, debes ejecutar el comando ng build

Esto incluirá el CSS no utilizado en el proceso de compilación de tu aplicación y optimizará el tamaño del archivo CSS resultante.

Espero que esto te ayude a eliminar el CSS no utilizado en tu aplicación de Angular. Si tienes alguna pregunta adicional, no dudes en comentar el video.