Fatal编程技术网
  • sass/
  • Sass 精灵指南针-无法解析导入

Sass 精灵指南针-无法解析导入

sass

Sass 精灵指南针-无法解析导入,sass,sprite,compass,Sass,Sprite,Compass,带有精灵的图像显示在“我的图像”文件夹中，但在SASS文件中，我在@import“icons/*.png”中有一个错误as无法解析导入到SASS/SCSS文件的问题。 在@中包含所有图标精灵出现错误，因为无法在“所有图标精灵”中找到mixin 我的文件夹结构 图像 图标 图标_1.png 图标2.png 图标3.png 图标4.png config.rb http_path = "/" css_dir = "stylesheets" sass_dir = "sass" images_

带有精灵的图像显示在“我的图像”文件夹中，但在SASS文件中，我在
@import“icons/*.png”中有一个错误as无法解析导入到SASS/SCSS文件的问题。
在
@中包含所有图标精灵出现错误，因为无法在“所有图标精灵”中找到mixin

我的文件夹结构


    

  • 图像

      

    • 图标

        

      • 图标_1.png
        • 

      • 图标2.png
        • 

      • 图标3.png
        • 

      • 图标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";


但在CSS中，我现在看到了一条错误的道路


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


我一直在努力解决这个问题。求求你，救命=/