error - ¿Cómo comprobar si hay reglas CSS duplicadas?

detect duplicate css

Question

Desordenado mi css y de alguna manera tengo muchas de las reglas duplicadas y mi archivo css 1800 de algo líneas ahora es de más de 3000 líneas ...

¿Hay alguna forma / herramienta que tome mi archivo css como entrada y compruebe todas las reglas duplicadas? ¿Y posiblemente generar un css eliminando esas redundancias?

Answer 1

¿Has probado CSSLint ? Haga clic en la flecha de la pelusa! botón y se abrirá algunas opciones con las que puedes jugar. Asegúrese de que la casilla "No permitir propiedades duplicadas" esté marcada

Answer 2

He probado un par de herramientas como CSSLint y CSSBurner . También he probado el Validador CSS de W3C, que no me gusta.

Una cosa que me gusta de CSSBurner es que está codificada por colores y le permite desplazarse por todos sus errores y repeticiones muy rápidamente. Encontré todas mis repeticiones (y otras cosas) súper rápido.

Answer 3

Instale el nodo JS https://nodejs.org/en/download/

si ya tiene instalado el nodo js o después de instalar la ventana del indicador de comandos de abrir nodo, escriba node (en la máquina de Windows) en el inicio.

Escribe el siguiente comando para instalar la herramienta de purga css

npm instala css-purge -g

Una vez instalada la herramienta,

Abra la carpeta donde está abierta la ventana de solicitud de comando de nodo y pegue el archivo css desordenado y luego escriba el siguiente comando en la ventana de solicitud de nodo cmd

css-purge -i style.css -o style_purged.css

donde style.css es el nombre del archivo css desordenado, el comando anterior creará un nuevo archivo css con el nombre style_purged.css que no contiene reglas de css duplicadas.

Pero ten cuidado, también eliminará los comentarios que tengas. https://www.npmjs.com/package/css-purge