2012-09-20 6 views
6

Ich habe ein bestehendes Projekt, das Vanille verwendet SASS, und ich möchte Compass hinzufügen. Ich habe Compass in der Vergangenheit verwendet, aber habe es nur mit dem compass create Befehl verwendet.Kompass zu bestehendem Sass-Projekt hinzufügen?

Ich bin auf der Suche nach einer Möglichkeit, die Macht des Kompasses zu nutzen, indem ich nur die damit verbundenen SCSS-Dateien importiere und mich nicht an die Struktur halten muss.

Wie kann ich das tun?

Antwort

12

Alles, was Sie für einen Kompass in einem eigenständigen Projekt benötigen, ist der Edelstein und config.rb. Ich kopiere die Konfigurationsdatei von einem Projekt in ein anderes und passe Einstellungen wie Plugin-Anforderungen und Dateistruktur an. Sie können jede beliebige Struktur verwenden, solange Sie sie in der Konfigurationsdatei eingerichtet haben.

Hier ist ein Beispiel von einem meiner aktuellen Projekte:

# Compass CSS framework config file 

require 'susy' 
require 'modular-scale' 
require 'sassy-buttons' 
require 'breakpoint' 
require 'compass-css-arrow' 
require 'rgbapng' 
# Require any additional compass plugins here. 

project_type = :stand_alone 
# Set this to the root of your project when deployed: 
http_path = "/" 
sass_dir = "sass" 
css_dir = "static/css" 
images_dir = "static/images" 
fonts_dir = "static/fonts" 
javascripts_dir = "static/js" 
line_comments = false 
preferred_syntax = :scss 
output_style = :expanded 
relative_assets = true