Problème de référencement d'image lors de la génération d'un styleguide à l'aide de noeud-kss

Question

J'utilise le NodeJS implementation of KSS. J'ai la structure de fichier suivant:

sass   (.scss files) 
css   (compiled .css files) 
images  (images & sprites) 
styleguide (auto-generated styleguide html) 
|- public  (auto-generated assets) 
|- template (styleguide template files) 

Je peux générer avec succès un Styleguide en exécutant l'instruction de ligne de commande suivante:

kss-node sass styleguide --css css/styles.css --template styleguide/template 

Alors sass est mon dossier source pour analyser, styleguide est le dossier de destination et les options --css et --template indiquent au compilateur où trouver respectivement mon fichier css principal et son modèle. Pendant le processus, le contenu du fichier css/styles.css est copié sur styleguide/public/style.css, qui est ensuite référencé par le styleguide. C'est génial. Cependant, le fichier css généré et référencé par le styleguide se trouve maintenant dans une structure de dossiers différente du fichier css d'origine (il est deux profonds de la racine au lieu d'un) et toutes les références au dossier images sont maintenant invalide. Est-il un moyen de résoudre ce problème sans placer mes fichiers CSS d'origine dans un autre dossier dans le répertoire css pour imiter la structure du dossier styleguide (ce qui serait un hack massive)? De plus, toutes les autres références aux images dans le balisage html normal (dérivé des commentaires scss) devront être adaptées pour référencer la structure de dossiers ajustée, et ne sont donc pas indicatives d'une implémentation réelle de mon code. Y a-t-il un moyen de résoudre cela aussi?

Merci

Answer 1

Je sais que ce n'est pas une solution en soi, mais ce que je fini par faire était une tâche Grunt de copier mes images (même généré par Compass) dans le dossier public du Styleguide généré après l'analyse KSS (également effectuée avec Grunt).