使用Ruby on Rails安装Susy和Compass

Question

我刚开始学习Ruby on Rails，尝试安装compass和susy gem。在弄清楚需要在gemfile中包含它们后（我使用的是RubyMine，以为它会自动处理），当我尝试将susy导入我的css.scss文件时，仍然出现了“无法找到”、“susy”的错误。

我使用的是ruby版本1.9.3（194）和ruby gems版本1.8.23

非常感谢任何有关哪些gems（以及版本）需要在我的bundle中，如何确保它们进入项目bundle的帮助。

- Organiccat

Answer 1

我正在使用Rails 3.2.7，并像这样使用Susy（和Compass）。

##### Gemfile:
group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'compass-rails'
  gem 'susy', git: "git://github.com/ericam/susy.git"
  gem 'uglifier', '>= 1.0.3'
end

然后我有几个不同的css文件。application.css.scss, screen.css.scss和_base.scss.css。

application.css.scss

#### application.css.scss:
@import "screen";
# Here you import your normal .scss files as well, like:
# @import "products";

screen.css.scss

#### screen.css.scss
// ---------------------------------------------------------------------------
// Imports
@import "compass";
@import "base";

/* -------------------------------------------------------------------------*/
/* Layout */
// Here you can add layout styling or whatever... :)

_base.css.scss

// ---------------------------------------------------------------------------
// Imports

@import "susy";

// ---------------------------------------------------------------------------
// Basic Grid

$total-columns  : 12;
$column-width   : 4em;
$gutter-width   : 1em;
$grid-padding   : $gutter-width;

$show-grid-backgrounds  : true;

就是这样。现在你可以在导入到application.css.scss中的所有scss文件中使用Susy了。

希望这能帮助你入门。

- Linus