Comparación y racionalización de CSS - no basado en archivos o diferencias

Question

Estoy en el proceso de tomar un par de aplicaciones asp.net separadas y combinarlas.

Uno de los problemas es la racionalización de la CSS entre los dos aplicación - app1 tiene dos archivos CSS, mientras que app2 tiene aproximadamente 8 de ellos. Gran parte del CSS entre las dos aplicaciones es el mismo, pero hay algunas diferencias. Estoy buscando una herramienta para comparar todos los elementos de cada aplicación, y mostrar lo que falta, lo que es diferente, etc. Idealmente, la salida sería de 3 archivos: Common, app1 y app2, pero no seré tan exigente si solo puede mostrarme las diferencias entre las dos aplicaciones.

¿Existe una herramienta de este tipo?

Answer 1

Normalmente recomendaría diff. Ya que explícitamente escribes que estás buscando algo "no basado en diferencias", tal vez podrías describir por qué diff no te ayuda.

Luego, otros podrían proponer algo diferente.

Answer 2

No conozco una herramienta independiente diseñada específicamente para este propósito. Hay a PHP class called "CSS Comparer", pero no tengo idea de lo fácil que es usarlo. La captura de pantalla en esa página parece prometedora.

Personalmente, me gustaría probablemente sólo concatenar todos los archivos juntos, para que tenga un archivo para cada aplicación, y luego ejecutar un diff en ellos. Para que sea aún más fácil, puede ejecutar ambos archivos a través de algo como CSSTidy o hacer un procesamiento imaginativo de archivos con búsqueda/reemplazo y clasificación. Eso podría obtener todas las declaraciones en el mismo orden en ambos archivos, por lo que la diferencia sería más clara.

Answer 3

combinar todos estos archivos en un solo archivo y darle una carrera a través de un optimizador de CSS o compresor. Un optimizador debería ver todos sus selectores duplicados y eliminarlos.

lo recomiendo compresor de YUI, pero hay un montón de compresores/optimizadores basados ​​en la web, también. Here's one y another. YMMV con ellos, pero una buena búsqueda en Google puede aparecer un montón más.

Answer 4

Si odias las herramientas de descarga, hay una versión en línea del comparador css aquí http://www.alanhart.co.uk/tools/compare-css.php

Proporciona una comparación de archivos de clase css entre dos archivos