Question

我有自己的Grunt / Compass / SASS项目，其中包含具有以下设置的config.rb文件：

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

正如您可能猜到的，这里的问题是我正在尝试与其他sass文件一起编译的光滑轮播。没有该组件，它工作正常。光滑文件夹包含以下文件：

./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变量来处理他的字体网址。所以你必须正确地为这个变量指定正确的路径：

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

您可以查看所有光滑的Sass变量here

使用相对资产/网址在单独的文件夹中编译SASS文件？

1 个答案: