Question

带有精灵的图像出现在我的图像文件夹中，但在SASS文件中我出现@import "icons/*.png";错误，因为 无法解析导入到SASS / SCSS文件 。在@include all-icons-sprites;中出现错误，因为 无法找到mixin＆＃34; all-icons-sprites＆＃34;

我的文件夹结构

图像
- 图标
  - icon_1.png
  - icon_2.png
  - icon_3.png
  - icon_4.png

config.rb

http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"
http_fonts_path = "../fonts"
asset_cache_buster :none
relative_assets = true

SASS文件

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

CSS输出

.icons-sprite, .icons-icon_1, .icons-icon_2, .icons-icon_3, .icons-icon_4, .icons-icons-sc0b61509a6 {
background-image: url('../images/icons-s705cc83f98.png');
background-repeat: no-repeat;
}

如果我在SASS中更改此行 - 导入错误消失

@import "../images/icons/*.png";

但是现在我看到了错误的路径

background-image: url('../images/../images/icons-s3809f1281e.png');

我试图长期解决这个问题。请帮助= /

sprite指南针 - 无法解析导入

0 个答案: