zurb-foundation - 如何将Foundation 5与Compass + SASS结合使用？

Question

问题

Foundation 5上周发布了，很棒，但是新版本要求使用bower来将F5与SASS一起使用，并且官方文档似乎有点不完整和不成熟。

我正在尝试使用文档建议的步骤创建一个项目:

[sudo] npm install -g bower

然后

gem install foundation

没问题问题是在创建Compass项目时:

foundation new MY_PROJECT
cd MY_PROJECT
compass compile

compass 编译后，出现以下错误:

directory stylesheets/ 
    error scss/app.scss (Line 1: File to import not found or unreadable: settings.
Load paths:
  /home/cartucho/MY_PROJECT/scss
  /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/blueprint/stylesheets
  /var/lib/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets
  /home/cartucho/MY_PROJECT/bower_components/foundation/scss
  Compass::SpriteImporter)
   create stylesheets/app.css 

compass 配置文件(config.rb):

# Require any additional compass plugins here.
add_import_path "bower_components/foundation/scss"

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "scss"
images_dir = "images"
javascripts_dir = "javascripts"

SASS文件(app.sass):

@import "settings";
@import "foundation";
...

问题似乎在config.rb中:

add_import_path "bower_components/foundation/scss"

因为Compass尝试导入文件settings和foundation失败，但是我不知道如何解决它。任何帮助将不胜感激。

谢谢。

Answer 1

您需要通过将foundation new MY_PROJECT替换为要在其上安装项目的文件夹来更改 MY_PROJECT行。之后，确认这些文件夹在您上面指定的目录中存在-“bower_components/foundation/scss”

在启动项目时，先运行compass init，然后运行compass watch(在终端中)以查看.sass文件上的更改。

就个人而言，我不会走那条路线，而是使用http://koala-app.com/转换或“编译”我的Sass。它是免费的，而且很棒。