Компилировать файлы SASS в отдельную папку с относительными активами / URL-адресами?

Question

У меня есть собственный проект Grunt/Compass/SASS с файлом config.rb, который имеет следующие настройки:

http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
add_import_path "./bower_components/slick-carousel/slick"

Как вы можете догадаться, проблема здесь в том, что я пытаюсь скомпилировать сглаженную карусель вместе с другими sass-файлами. Работает нормально без этого компонента. Папка slick содержит эти файлы:

./ajax-loader.gif
./config.rb
./fonts
./fonts/slick.eot
./fonts/slick.svg
./fonts/slick.ttf
./fonts/slick.woff
./slick-theme.css
./slick-theme.scss
./slick.css
./slick.js
./slick.min.js
./slick.scss

При компиляции slick-theme.scss я получаю предупреждения о том, что он не может найти файлы, на которые ссылаются через относительные URL.

WARNING: 'slick.woff' was not found (or cannot be read) in /project-root/fonts

Есть ли способ указать компилятору Compass / SASS использовать "текущий" файл SASS в качестве базы для относительных путей? Так что это будет выглядеть в / project-root / bower_components / slick-carousel / slick / fonts?

Answer 1

Slick.js имеет собственные переменные Sass для обработки URL-адресов своих шрифтов. Таким образом, вы должны правильно назначить правильный путь к этой переменной следующим образом:

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

Вы можете проверить все переменные Sass Slick здесь