我有一个Rails 4应用程序,我正在使用Compass和Zurb Foundation 5。 我想将Compass和Foundation 5与Rails 4应用程序一起使用。
更具体地说,我希望能够在stylesheet.scss文件中执行此操作:
@import "compass";
@import "foundation_and_overrides";
[additional imports]
换句话说,我希望能够将所有sass文件放在同一个目录中。但是,目前,基金会scss文件位于"应用程序/资产/样式表"中,因为似乎基金会文件"foundation_and_overrides.scss"需要存在于此目录中。 同时,我将所有其他sass文件放在"/sass"目录中,然后将其编译为"应用程序/资产/样式表"
如何配置指南针和/或基础,以便它们都可以从同一目录访问?
似乎这只是一个知道用于导入的正确路径的问题。
根据这个堆栈溢出帖子,我尝试了以下内容:
@import 'foundation/foundation-global';
@import 'foundation/components/type';
但是,然后我收到以下指南针错误:
error sass/stylesheet.scss (Line 2: File to import not found or unreadable: foundation/foundation.
Load paths:
/Users/Anders/Dropbox/WWW/sbox-project/research/foundation-test/sass
/Users/Anders/.rvm/gems/ruby-2.0.0-p247/gems/compass-0.12.4/frameworks/blueprint/stylesheets
/Users/Anders/.rvm/gems/ruby-2.0.0-p247/gems/compass-0.12.4/frameworks/compass/stylesheets
Compass::SpriteImporter)
正在使用的 Gem 版本:
- 指南针 (0.12.4)
- 指南针导轨 (1.1.7)
- 基础导轨 (5.2.1.0)
Compass 配置文件 (compass.rb)
project_type = :rails
http_path = "/"
css_dir = "app/assets/stylesheets"
sass_dir = "sass"
images_dir = "app/assets/images"
javascripts_dir = "app/assets/javascripts"
任何建议将不胜感激! 另外,请让我知道我应该提供哪些其他信息来提供这方面的建议。 谢谢!
in compass.rb
sass_dir = 'app/assets/stylesheets'
最好在"公共"文件夹中编译CSS文件。
css_dir = 'public/stylesheets'
images_dir = 'public/images'
javascripts_dir = 'public/javascripts'
fonts_dir = 'public/fonts'
然后初始化指南针:
compass init
或者如果使用捆绑器:
bundle exec compass init
然后,您的 config/compass.rb 更改将应用于 config.rb