从 SCSS/Rails 3.2 w/sass-rails 导入 CSS 文件

Question

我在供应商/资产/样式表中有一个 CSS 文件，我想在我的 application.css.scss 文件（或类似文件）中链接到它。我希望这只会渲染 @import 加上资产路径：

@import asset-path('lionbars.css', stylesheet)

但没有这样的运气：我得到

Invalid CSS after "@import ": expected uri, was "asset-path('lio..."

要么我语法错误，要么是因为 @import 不接受动态字符串，但我不确定。

所以我看到了一些选择。我可以：

1. 找出适当的语法，如果这只是语法问题。
2. 将我的文件重命名为 application.css.scss.erb 并将其他现有资源路径引用替换为 <%= asset_path('random/asset.png') %>。这让我的语法荧光笔非常混乱，而且可能效率不高。否则，这有效。
3. 将我的 css 文件重命名为 _lionbars.css.scss 并调用 @import "lionbars"。我不想这样做有两个原因，一是一般来说我不想接触供应商的代码，二是其中有一些 IE8 特定的东西（) 不能放入 scss 文件中，而且我不想必须分解该文件（而且我仍然需要找到一个IE8 代码的解决方案以及如何包含它）。

所以，我希望答案是#1，但我不确定。有什么想法吗？

Answer 1

sass-rails 具有资产助手功能，例如 asset-path。否则，Sass 和 Compass 没有任何资产路径的概念。

或者，您可以在 config.rb 中使用 add_import_path。 查看指南针配置参考

Answer 2

正确的解决方案：@import 'lionbars'。 Sass-rails 自定义 @import 指令来自动使用资产管道。

Answer 3

sass-rails 网站非常清楚：

Sprockets 提供了一些放置在注释中的指令，称为 require、require_tree 和 require_self。 不要在您的 SASS/SCSS 文件中使用它们。

...但是我在开发和生产中尝试了直接的 css 文件，并且效果很好：

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * ...
 *
 *= require_self
 *= require_tree .
 *= require lionbars
*/

所以除非有人有更好的主意，否则这就是我要做的。当 Sprockets 尝试编译它时，我确实必须将 IE8 特定注释移到我的布局中，但我仍然发现这比其他选择更容易。如果您有比这更好的解决方案，我很高兴听到！我对使用 sass-rails 页面上明确反对的解决方案并不感到兴奋。