是否可以故意不使用/关闭 Compass Url Helpers？

Question

当我试图覆盖我导入的另一个 .scss 文件中的某些值时，我遇到了这个问题。 具体来说，我想在我的项目中使用slick slider。
所以我继续下载源代码并导入该代码。
此外，为了让光滑的滑块在我的设置中工作，我必须通过变量覆盖为其提供自己的位置。
所以最后我有这样的事情：

$slick-font-path: "../bower_components/slick-carousel/slick/fonts/";
$slick-loader-path: "../bower_components/slick-carousel/slick/";

@import "../../bower_components/slick-carousel/slick/slick";
@import "../../bower_components/slick-carousel/slick/slick-theme";

到目前为止没有什么特别的。
有趣的部分开始于我发现这行不通，因为某个聪明人显然想充分发挥指南针的潜力，并在光滑的 .scss code 中添加了以下几行：

@function slick-image-url($url) {
    @if function-exists(image-url) {
        @return image-url($url);
    }
    @else {
        @return url($slick-loader-path + $url);
    }
}

.slick-list {
   .slick-loading & {
        background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
    }
}

您不能责怪他们，因为这是 IMO 解决这种情况的正确且非常有效的方法。当 compass 看到此代码时，它将检查 config.rb 中的目录配置并使用其中的指定路径，因为 image-url() 是一个 Url Helper。
然而问题是，当我不想使用它时，我找不到不使用或取消设置该功能的方法。 （默认为“/images”）
在 config.rb 中设置图像路径也无济于事，我想这不会使该功能以某种神奇的方式消失。

最后我的解决方案是像这样覆盖该函数：

@function image-url($url) {
    @return url($slick-loader-path + $url);
}

但是，当您之后必须使用实际上应该使用 config.rb 中的位置的其他代码时，这当然会给您带来麻烦。必须有更好的解决方案。

Answer 1

image-url() 函数是用 Ruby 编写的，这意味着它被注入到 Sass 本身中，并且其行为方式与任何其他标准函数相同（请注意，Compass 只是 Sass 的精美包装器）。无需导入任何内容（与用 Sass 编写的函数不同），您始终可以使用此函数。这也意味着，如果你覆盖它，就无法恢复原来的版本。

如果第 3 方库不恰当地引用了这个函数，那么如果你不愿意自己修补它，你应该向他们请求修复。