2012-02-15 28 views
7

Estoy tratando de averiguar si Compass puede fusionar archivos .css en lugar de usar una herramienta de terceros para fusionar los archivos .css después de que Compass haya compilado los archivos .scss. He buscado en la web y aquí pero nada hasta ahora. Pensé que el config.rb puede tener una opción para esto, pero todo lo que encontré es la función de compresión.¿Puede compás fusionar archivos .css?

¿Alguien ha intentado esto o ha encontrado una herramienta de terceros que funciona bien con la brújula?

+0

¿Has visto este tema? http://stackoverflow.com/questions/5688291/how-to-merge-css-files-with-sass-or-other-tool –

+0

@ cram1010 Sí, gracias, leí esto antes de publicar ... Tenía la esperanza de fusionarme .css a través de Compass pero con la falta de respuestas o sugerencias puedo ir con una herramienta de terceros. –

+0

Sí, creo que no hay forma de que la brújula :( –

Respuesta

15

Yo quería hacer esto por bastante tiempo. Finalmente me decidí por la siguiente solución.

tomar las siguientes estructura (es decir, con sus módulos en una sub-carpeta de sass)

  • proyecto
    • Sass
      • módulos
        • header.scss
        • el blog-posts.scss
        • footer.scss
        • algo-else.scss
      • main.scss
    • hojas de estilo

actualización main.scss a contener:

@import 'modules/header.scss'; 
@import 'modules/blog-posts.scss'; 
@import 'modules/footer.scss'; 
@import 'modules/something-else.scss'; 

ejecute el comando siguiente (de la carpeta project) con el fin de construir

compass compile . sass/main.scss -s compressed 

Esto sólo compila main.scss, que inturn va y las importaciones de cada uno de sus módulos. Además, la opción de estilo compressed minimiza la salida.

+0

Great answer, Voy a utilizar esto ... gracias beardo! –

+0

omg tan simple. Soy tan tonto a veces ... – ZeeCoder

1

No es compresión, pero puede excluir archivos de copiarse en el directorio de salida anteponiendo un guión bajo a sus nombres. Por ejemplo:

scss/ 
    _core.scss // will not be copied 
    theme.scss // @import 'core'; 
css/ 

compass compile 
    create ../css/theme.css 

css/ 
    theme.css 
Cuestiones relacionadas