single - Uso de la salida comprimida de Sass mientras se deja el encabezado de comentario del tema para Wordpress

wordpress theme development

Question

¿Cómo incorporan Sass a su desarrollo de temas otros desarrolladores de temas de Wordpress mientras aprovechan su estilo de salida comprimido? Sass comprimido elimina TODOS los comentarios, por lo que actualmente tengo un style.css vacío con mi declaración de tema y un @import llamando a la css minified de la brújula, pero esta no parece la mejor solución.

¿Alguien ha encontrado una manera de evitar esto? ¿Cuál sería la mejor solución si no?

http://codex.wordpress.org/Theme_Development#Theme_Stylesheet

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#id40

Answer 1

Bueno, te sugiero que uses Compass . El comentario debería verse así:

/*! A loud SASS comment */

Answer 2

SUPER CORTA VERSIÓN: ¡ Usa /*! loud comments */ /*! loud comments */ y compile el SCSS justo antes de empaquetar y distribuir.

Respuesta en dos partes, "parte antigua" primero:

Utilicé Sass / SCSS al desarrollar mi tema "Orin": https://github.com/founddrama/orin

Parte uno:

• En mi directorio src/scss , src/scss todos mis archivos _include.scss y el archivo style.scss que tiene todas las declaraciones de @import .
• Durante el desarrollo, simplemente sass --watch habitual sass --watch (aunque es un paso adicional para recordar guardar el archivo style.scss ).
• Una vez que su fuente de SCSS se vea bien y comprometida con el control de versiones, puede simplemente construir style.scss en style.css y verificarlo en el control de versiones para el tema que se distribuye.

En mi caso, "Orin" es solo para mí, así que realizo la compilación cuando la actualizo en el servidor de blogs, pero la compilación de SCSS se puede hacer con la misma facilidad antes del empaquetado / distribución. El script de compilación que estoy usando está here (en ese repositorio de Github); la esencia de esto es:

1. touch para crear el archivo de salida style.css ;
2. aplicar el texto de la licencia;
3. compile el SCSS y style.css a style.css .

La segunda parte:

Las versiones más recientes de Sass incluyen soporte para /*! loud comments */ /*! loud comments */ ; lo que significa que necesito salir de mi trasero perezoso y actualizar a:

1. Incluya el texto de la licencia y la descripción del tema allí mismo en style.scss utilizando los comentarios ruidosos;
2. actualice el script de compilación / despliegue para compilar simplemente el SCSS.