2012-06-12 12 views
7

Quiero usar Compass para simplificar la tarea de escribir CSS en mi aplicación Django. Pero no sé cómo configurarlo.Django y brújula con múltiples aplicaciones

veo django-compresor tiene soporte para SASS, pero con el fin de utilizar brújula que sea necesario para volcar los archivos _*.scss en mi espacio de trabajo (Django 1.4) ya que es el directorio de trabajo cuando django-compresor funciona scss comandos.

Eric Meyer's approach suena sensata (compilar .scss archivos a .css durante el desarrollo y comprometerse a SMC), pero no es obvio cómo puedo usar las herramientas SASS/Compass para compilar .scss en múltiples aplicaciones (tanto reutilizables y no reutilizables) en una Django espacio de trabajo

Guardo archivos estáticos de hojas de estilo para cada aplicación en <app>/static/<app>/css/.

Los problemas que tengo son esto:

  1. @import no funciona a través de apps de
  2. Poner _*.scss archivos en el espacio de trabajo es inaceptable
  3. Correr compass watch en el espacio de trabajo falla con:

    Nada para compilar. Si intentas comenzar un nuevo proyecto, has dejado el argumento del directorio.

  4. Usando @include background(...) falla:

    Sintaxis error: operación Indefinido: "-list-tamaño -Brújula (compacto (#cccccc, falso, falso, falso, falso, falso, falso, falso, falso, falso)) GT 1"

+0

¿Los archivos _ *. Scss son parciales? Si es así, ¿por qué no deberían incluirse en el espacio de trabajo? – stellarchariot

Respuesta

0

tal vez usted puede utilizar una herramienta como Fabric (o incluso una escritura del golpe) para hacer frente a la compilación y la colocación de archivos. En cuanto al comando compass watch, es posible que deba proporcionar manualmente parámetros adicionales para la ubicación de los archivos .scss y .css con el fin de que sea watch con éxito (consulte los documentos de ayuda ejecutando compass help watch).

1

Descubrí que es mucho más fácil separar Django de Sass. Todavía puede usarlos concurrentemente, pero podría requerir otra ventana de terminal más o menos. Al final, se trata de servir los activos compilados de todos modos.

Normalmente configuro mi proyecto con un directorio/src/en la raíz, que es donde coloco mis archivos Sass. También configuré un proyecto Compass en ese directorio raíz con las hojas de estilo compiladas en/static/css /.

Obviamente, esto puede convertirse en un problema si usted tiene una gran cantidad de aplicaciones dentro del proyecto como desee o bien desea crear directorios de aplicación dentro de la raíz/estática/o crear otro proyecto Compass en/

Normalmente, yo uso Grunt compila mis archivos Sass/Compass, por lo que es un poco más complicado, aunque fácil de recrear.

La publicación de Frank Wiles Ultimate Front End Development Setup es bastante parecida a cómo configuré mis proyectos, aunque omito usar django-compressor porque siento que no es necesario agregar middleware, y obviamente utilizo Grunt en lugar de Gulp.

Cuestiones relacionadas