如何使用罗盘的指南针3.1

我已经search和search,所有我能看到的是,使用指南针与轨道3.1只是编辑像这样的Gemfile:

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

是的,我明白,但接下来呢? 我看到的每一个教程都是这样说的,使用那个特定的分支。 但是我仍然在使用rails 3.1的指南针时遇到了麻烦。

我做到了这一点:

 $ 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 

而且由于3.1现在正在使用资产,我只是把所有这些文件转移到3.1。 另外,我正在使用compass-960插件,那么我需要在哪里? 我试图添加一个compass.rb需要960和需要html5-boilerplate,我仍然不断收到错误:

 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)): 

我试着做指南针编译,它给了我这个:

$罗盘编译没有什么可以编译的。 如果你正在尝试开始一个新的项目,你已经离开了目录参数。 运行“compass -h”来获得帮助。

正如我所说,我已经编辑了我的compass.rb,所以我仍然难以理解如何解决这个问题。 任何帮助?

其他答案中的解决scheme已经被最新版本的Compass v0.12弃用了,Compass需要一个适配器才能使用Rails应用程序。 指南针作者Chris Eppstein已经在github上安装了安装说明:
https://github.com/compass/compass-rails

该适配器支持2.3及更高版本的rails

更新 :似乎有一个更好的办法!
资料来源: http : //spin.atomicobject.com/2011/07/12/sass-sprockets-compass-with-rails-3-1/

更新2 (2011年12月2日):Compass的创始人Chris Eppstein发布了这个Github Gist,如何将Compass与Rails 3.1集成: https : //gist.github.com/1184843

我现在更喜欢这种方法,因为我注意到在使用livereload时编译时速度有了很大的提高。


我的方法:
(我现在认为它已被弃用,但也许在某些情况下可能是有用的,所以这里是供参考:)

首先,在您的Gemfile中,添加:

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

别忘了执行一个

 bundle update 

然后,在config / application.rb中:

 config.generators.stylesheet_engine = :sass 

将application.css.scss重命名为application.css.sass,或者创build它,并用下面的代码replace它的内容:

 @import compass @import _blueprint 

(如果你想在样式表的开始处保留新的Rails 3.1清单代码,那么你必须在每行的开头用'/ *'/''注释replace'/ *'/'')

现在,要testing指南针和蓝图混合是否工作,请将一些代码添加到同一个文件application.css.sass中:

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

运行你的rails服务器

 bundle exec rails server 

在浏览器中加载您的应用程序,然后访问http:// localhost:3000 / assets / application.css

如果一切顺利,你应该看到编译的代码。

资源:

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

指南针用户组的Peter Gumeson指出了我的解决方法:

https://groups.google.com/forum/#!msg/compass-users/mU5HBt8TCIg/2Rt7iSESTSAJ

这是他的信息:

你好。 这个github问题可能会有帮助。 https://github.com/sporkd/compass-html5-boilerplate/issues/19

我现在正在处理边上的任何事情。 所以我的gemfile看起来像这样:

 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' 

我现在正在使用导轨生成器,所以它不应该太远。 但这至less应该让你去。

彼得

*由choonkeat改变分支

您可以下载指南针目录,将其转储到vendor/assets/stylesheets以便您的目录结构为vendor/assets/stylesheets/compass然后从主应用程序样式表中包含指南针mixins ass required @include compass/reset;