Lorsque vous utilisez l'intégration Webby / Compass ce répertoire ne les fichiers * .sass entrer?

Question

Je viens de configuration intégration Webby / Compass . ( https://github.com/Compass/compass/wiki/webby-integration)

Où dois-je mettre ma boussole / fichiers source Sass, et dans quel répertoire font-ils sortie en tant que feuille de style?

Answer 1

Vous pouvez mettre vos fichiers SASS où vous voulez (dans le répertoire « content / »). Donc, si le répertoire contenant vos fichiers CSS est « contenu / css », puis les mettre là.

La seule chose importante est que vous définissez la partie de métadonnées correctement, en haut du fichier lui-même SASS. Comme ceci:

$ cat content/css/site.sass 
---
filter: sass
extension: css
layout: nil
---
[..cut..]

Answer 2

Il semble que vous pouvez définir vous-même la source de fichier, de la documentation:

Compass.configuration do |config|
  config.project_path = File.dirname(__FILE__)
  config.sass_dir = File.join('src', 'stylesheets' )
end

Il ressemble à sa valeur par défaut de « src / feuilles de style ». Lorsque vous construisez, il sera probablement se rendu à « sortie / css / » mais je ne me suis utilisé Webby donc je ne suis pas sûr à 100%.

Answer 3

D'accord, il trouve dans ce référentiel

Apparemment, il appartient dans le répertoire ./content/stylesheets de votre projet Webby, et est sortie dans le répertoire ./output/stylesheets.

Answer 4

Ce qui me embarrasse est « pourquoi » il fonctionne de cette façon. Pourquoi File.join? Il ressemble à la valeur par défaut « src » est remplacé par « feuilles de style » plutôt que de se joindre à une nouvelle chaîne. Curieux.