Sass @import 指令在 Rails 引擎中使用时无法在插件中找到资源

我正在构建一个使用 zurb-foundation 样式表的 Rails 引擎，并且不断遇到相同的 Sass::Syntax 错误。这看起来很奇怪，因为我在 Rails 应用程序中遵循了相同的过程，并且第一次尝试就成功了。因此，我决定通过启动两个新的 Rails 项目（一个应用程序和一个引擎）来将问题归零，并通过最少的设置将它们配置为使用基础。

我从 2 个干净的 Rails 3.2.9 项目开始——一个应用程序和一个engine --full并通过添加 Foundation_and_overrides.scss 和require- 在 CSS 清单中添加它。

然后我创建了一个简单的控制器，这样我就可以加载一个页面。对于应用程序，加载该页面并查看页面源代码，我可以看到基础 CSS 已正确编译并加载。

当我对引擎尝试同样的操作时，出现以下错误：

Sass::SyntaxError in Main#index

Showing /<PLUGIN_PATH>/test/dummy/app/views/layouts/application.html.erb where line #5 raised:

File to import not found or unreadable: foundation/common/ratios.
Load path: /<PLUGIN_PATH>/test/dummy
  (in /<PLUGIN_PATH>/app/assets/stylesheets/example_plugin/foundation_and_overrides.scss)

（请注意，虚拟应用程序的 CSS 清单是require- 插件的 CSS 清单，即require-ing Foundation_and_overrides.scss。接线显然不是问题，因为错误是从 Foundation_and_overrides.scss 引发的）

我用 Ruby-1.9.3 的几个版本（我认为是 p125、194、p327）进行了尝试，得到了相同的结果。

当我将此行添加到 test/dummy/config/application.rb 时它仍然不起作用：

config.assets.paths << "#{Foundation::Engine.root}/scss"

即使该路径存在 Foundation/common/_ratios.scss 。

问题可能出在 Sass、Sprockets、Compass、Foundation 或 Rails 上，所以我不知道从这里该去哪里。

我将其报告为基金会的问题，但我不太相信这一点。

有没有人见过这个？

我在中找到了答案这个 Stackoverflow 问题

问题是 Rails 引擎的虚拟应用程序和常规 Rails 应用程序的 config/application.rb 文件略有不同。

在 Rails 应用程序中，您将在顶部看到以下代码：

if defined?(Bundler)
  # If you precompile assets before deploying to production, use this line
  Bundler.require(*Rails.groups(:assets => %w(development test)))
  # If you want your assets lazily compiled in production, use this line
  # Bundler.require(:default, :assets, Rails.env)
end

但在引擎虚拟应用程序中，您会看到：

Bundler.require
require "<PLUGIN_NAME>"

在 Rails 应用程序中，第一个 Bundler.require 包含 Gemfile 中的所有组，但排除 :assets，除非 Rails.env 是 :development 或 :test 第二个 Bundler.require 包括 :default——即 Gemfile 中不属于组的任何内容——以及 :assets 和 :product、:development 或 :test

在虚拟应用程序中，这些都不是必需的，因为 1) 它不适合在生产中使用，2) 测试和开发通常具有类似的依赖关系要求。由于 :assets 组只是将依赖项应用于 :test 和 :development 的便捷方法，但不适用于 :products，因此在虚拟应用程序中它与 :default 相同。因此，在虚拟应用程序中，只需要 :default 即可。自从Bundler.require（警告：前方剧透）与Bundler.require(:default)，虚拟应用程序仅使用Bundler.require。这意味着 Gemfile 中属于组的任何内容都将被忽略。

所以我遇到的问题是我从 Rails 应用程序 Gemfile 复制并粘贴到 Rails 虚拟应用程序 Gemfile 中，包括group :assets do...。我删除了group线路一切正常！

11 月 29 日晚些时候添加：

澄清一下，我看到的错误是因为 sass-rails 没有包含在内（因为它位于我的 Gemfile 中的 :assets 组中），所以我的资产不是被解析为 Sass，而是被解析为 CSS。自从@import对于 CSS 和 Sass 来说意味着不同的东西，无论解析 CSS 文件都使用不同的实现@import并且找不到该文件。