sass - ファイルパス変数を変更しようとしているスリックカルーセル

Question

私はZurb Foundation でSlick Carouselを使用しており、それを使用してルート ディレクトリの独自のフォルダーに css、js を配置することをお勧めします。このようにプロジェクトを設定すると、完全に動作するようになります。

しかし、次のように、現在のプロジェクト ファイル構造に追加したいと思います。

• プロジェクトルート
  • フォント
    • slick.eot
    • slick.svg
    • slick.ttf
    • slick.woff
  • 画像
    • 読み込み中.gif
  • JS
    • slick.min.js
  • SCSS
    • slick.scss
  • スタイルシート
    • slick.css

私がする必要があるのは、scss ファイルで指定されたデフォルトの変数を変更することだけだと思いました。

$slick-font-path: "./fonts/" !default;
$slick-loader-path: "./" !default;

しかし、私が試したことは何もうまくいきませんでした.コンパイルされたcssには次のようなURLがあります:

background: #fff url('/images/ajax-loader.gif') center center no-repeat;