compass - example - Utilizando libsass con brújula.

npm sass

Question

Exactamente como dice el título. Los tiempos de compilación de más de 50 segundos son inaceptables. Entonces, ¿hay alguna manera, digamos: un solo archivo (parcial) con brújula mágica (como sprite mixins, etc.), y el resto de archivos con sass puro?

Estoy considerando cambiarme a menos (importar referencias) y sustituir todos los trucos de la brújula con tareas adicionales, pero me siento más cómodo con el sass que con menos.

Vi those tickets , pero esperaba que hubiera una manera de compilar un solo archivo con brújula, y el resto se fusionaría con libsass (a veces uso la sintaxis de sass 3.3, pero si puedo obtener mejores tiempos de compilación, puedo volver a 3.2 ).

¿Alguien tuvo éxito en tal configuración?

Answer 1

En nuestro caso (> 100,000 LoCSS), pasamos con éxito de grunt-contrib-compass a una combinación de

grunt-sass

que está usando libsass en lugar de la versión ruby, y para obtener toda la magia de la brújula, incluimos

compass-mixins

y funcionó bien. Definitivamente deberías probarlo, redujimos nuestro tiempo de compilación de más de 40 segundos a solo 500-600 ms.

ACTUALIZACIÓN 2

Aquí hay un módulo de nodo que importa automáticamente la biblioteca mencionada anteriormente en su entorno gruñido:

https://github.com/haithembelhaj/compass-importer

ACTUALIZAR

Crear un puerto para libsass está claramente en la mente de los creadores: https://github.com/Compass/compass/issues/1916

Answer 2

Esta es la respuesta para los archivos sass (no scss). Por favor siempre diferenciarlos

1. Ejecutar en shell bower install compass-sass-mixins
2. Edite su archivo sass @import "bower_components/compass-sass-mixins/lib/compass"

o

1. Ejecutar en shell npm i compass-sass-mixins
2. Edite su archivo sass @import "node_modules/compass-sass-mixins/lib/compass"

Lista de funciones: https://github.com/askucher/compass-sass-mixins