Comment utiliser la boussole avec les rails 3.1

Question

J'ai cherché et cherché et tout ce que je pouvais voir, c'était que l'utilisation de la boussole avec rails 3.1 a été de modifier le Gemfile comme suit:

gem 'compass', :git => 'https://github.com/chriseppstein/compass.git', :branch => 'rails31'
gem 'sass-rails', "~> 3.1.0.rc"

Oui, je comprends cela, mais quoi d'autre? Chaque tutoriel, j'ai vu le disais juste que, l'utilisation de certains fourche. Mais je suis toujours des difficultés avec l'aide de la boussole avec rails 3.1.

J'ai fait cela:

$ compass init rails . --syntax sass
  directory ./app/stylesheets/ 
  create ./config/compass.rb 
  create ./app/stylesheets/screen.sass 
  create ./app/stylesheets/print.sass 
  create ./app/stylesheets/ie.sass

Et depuis 3.1 a l'aide d'actifs maintenant, j'ai juste transféré la totalité de ces fichiers à 3.1. Aussi, je suis en utilisant la boussole-960 plugin, alors où dois-je besoin? J'ai essayé d'ajouter une boussole.rb exigent 960 et nécessitent html5 boilerplate et je garde encore des erreurs:

Error compiling asset application.css:
NoMethodError: undefined method `Error' for Compass:Module
  (in /Users/eumir/rails_apps/kiseki/app/assets/stylesheets/screen.sass)

NoMethodError (undefined method `Error' for Compass:Module
(in /Users/eumir/rails_apps/kiseki/app/assets/stylesheets/screen.sass)):

J'ai essayé de faire de la boussole de la compilation et il m'a donné ceci:

$ boussole compiler Rien à compiler. Si vous essayez de démarrer un nouveau projet, vous avez à gauche le répertoire argument. Exécuter "boussole -h" pour obtenir de l'aide.

Comme je l'ai dit, j'ai déjà édité mon compas.rb donc, je suis toujours perplexe quant à la façon d'aller sur avec cette. Toute aide?

Answer 1

Mise à JOUR: il Semble que il ya une meilleure façon !
Source: http://spin.atomicobject.com/2011/07/12/sass-sprockets-compass-with-rails-3-1/

Mise à JOUR 2(2 décembre 2011): Chris Eppstein, créateur de la Boussole posté cette Github Essentiel de l'intégration de la Boussole avec Rails 3.1: https://gist.github.com/1184843

Maintenant, je préfère cette méthode par rapport à la mienne, que j'ai remarqué une grande amélioration de la vitesse au moment de la compilation lors de l'utilisation de livereload.

---

MA MÉTHODE:
(Je le considèrent comme obsolète, mais peut-être il peut être utile dans certains cas, si elle est ici pour référence:)

Tout d'abord, dans votre Gemfile, ajouter:

gem "compass", "~> 0.12.alpha.0"

Et n'oubliez pas d'exécuter une

bundle update

Ensuite, dans le fichier config/application.rb:

config.generators.stylesheet_engine = :sass

Renommer l'application.css.scss à l'application.css.sass, ou d'en créer, et remplacer son contenu par:

@import compass
@import _blueprint

(Si vous souhaitez conserver les nouveaux Rails 3.1 manifeste de code au début de la feuille de style, vous devrez remplacer le ‘ / * * / les commentaires par le sass-version de syntaxe ‘ / / " au début de chaque ligne)

Maintenant, pour tester si la boussole et le plan mixin de travail, ajouter un peu de code pour le même fichier de l'application.css.sass:

@import compass
@import _blueprint
body
  background: black
  +linear-gradient(color-stops(white, black))
  +column(5)

Exécuter votre serveur rails avec

bundle exec rails server

Chargez votre application dans un navigateur et visitez http://localhost:3000/assets/application.css

Si tout s'est bien passé, vous devriez voir le code compilé.

Source:

http://blog.pixarea.com/2011/07/using-compass-blueprint-semantic-and-sass-syntax-in-rails-3-1/

Answer 2

Les solutions des autres réponses sont obsolètes avec la dernière version de Compass, v0.12, qui nécessite un adaptateur pour fonctionner avec une application rails. L'auteur de Compass, Chris Eppstein, a mis les instructions d'installation sur github:
https://github.com/compass/compass-rails

Cet adaptateur prend en charge les versions de rails 2.3 et supérieures.

Answer 3

Peter Gumeson de la boussole groupes d'utilisateurs m'a signalé un correctif pour résoudre ce:

https://groups.google.com/forum/#!msg/boussole-utilisateurs/mU5HBt8TCIg/2Rt7iSESTSAJ

Voici son message:

Salut la gang. Cette github question pourrait aider. https://github.com/sporkd/compass-html5-boilerplate/issues/19

Je suis à peu près tout sur le bord droit maintenant. Donc, mon gemfile ressemble à quelque chose comme ceci:

gem 'rails',     :git => 'git://github.com/rails/rails.git'
gem 'sass-rails', '~> 3.1.0.rc2'
gem 'haml', :git => 'git://github.com/nex3/haml.git'
gem 'haml-rails'
gem "compass", :git => "git://github.com/chriseppstein/compass.git", :tag => "0.12.alpha.0"
gem 'compass-html5', :git => 'git://github.com/sporkd/compass-html5.git'

Je suis en train de travailler sur les rails de générateurs pour l'instant, alors il ne devrait pas être trop loin. Mais cela devrait au moins vous allez.

Peter

*modification de branches comme le dit choonkeat

Answer 4

Vous pouvez télécharger le répertoire Compas, le vider dans vendor/assets/stylesheets afin que votre structure de répertoire soit vendor/assets/stylesheets/compass Ensuite, à partir de votre feuille de style principale de votre application, incluez le mix boussole, requis @include compass/reset;