Import 在一个css文件中导入指南针精灵图像，并在另一个css文件中@extend它？

我有一个图标文件夹，我使用指南针精灵图像：

@import "compass/utilities/sprites";
@import "icons/*.png";
@include all-icons-sprites(true);

这在/stylesheets/global/icons.css.scss文件中

现在，在/stylesheets/application/index.css.scss文件中，我需要使用：

@extend .icons-foo;

我将全局/文件夹包含在应用程序之前/应用程序中/index.css.scss：

/*
*= require_tree ../global
*= require_tree .
*/

但我有一个错误：

".bar" failed to @extend ".icons-foo". The selector ".icons-foo" was not found.

现在的解决方案是重复我在application/index.css.scss中的第一个部分

但如果我将手动图标foo放在DOM元素的类中，则该类是match并起作用的

---

如何不重复相同的指令？如何导入一次性sprite并在其他文件中使用它们？

可能相关：这没有真正的帮助：通过正确组织sass项目解决：