如何使用罗盘的指南针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;