指南针找不到用于创建精灵的图像答案

【问题标题】：Compass can't find my images for creating sprites指南针找不到用于创建精灵的图像
【发布时间】：2016-01-31 10:22:43
【问题描述】：

在 Gruntfile.js 中：

compass: {
  options: {
    sassDir: '<%= yeoman.app %>/styles',
    cssDir: '.tmp/styles',
    generatedImagesDir: '.tmp/images/generated',
    imagesDir: '<%= yeoman.app %>/images',
    javascriptsDir: '<%= yeoman.app %>/scripts',
    fontsDir: '<%= yeoman.app %>/styles/fonts',
    importPath: '<%= yeoman.app %>/bower_components',
    httpImagesPath: '../images',
    httpGeneratedImagesPath: '../images/generated',
    httpFontsPath: '/styles/fonts',
    spriteLoadPath: '<%= yeoman.app %>/styles/sprites/',
    relativeAssets: true,
    assetCacheBuster: false
  },
  dist: {
    options: {
      generatedImagesDir: '<%= yeoman.dist %>/images/generated'
    }
  },
  server: {
    options: {
      debugInfo: false
    }
  }
},

这是任务：

 compass: {
              files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'],
              tasks: ['compass:server', 'autoprefixer']
              },

当我运行 grunt 任务时，出现此错误：

error app/styles/main.scss（第 9 行：在加载路径中找不到与“app/styles/sprites/icons/*.png”匹配的文件。您当前的加载路径是：app/styles/sprites/ , /Volumes/myuser/Documents/Projects/mysite/app/images)

main.scss 第 9 行：

@import "app/styles/sprites/icons/*.png";

为什么 Compass 找不到任何图像？

【问题讨论】：

标签： sass compass-sass compass

【解决方案1】：

只需将您的导入更改为

@import "icons/*.png";

您当前的加载路径（在指南针中）已指向：app/styles/sprites/

【讨论】：