如何在我的 Rails 4 应用程序中配置 Compass 和 Zurb Foundation 5,以便它们都可以在同一



我有一个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

相关内容

最新更新