Question

“generatedImagesDir”参数适用于以下代码，这是否意味着这只适用于罗盘sprites utils？

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

以前的问题：

指南针成功将css编译成文件夹“.tmp / styles”，我在index.html中使用新的如下：

<link rel="stylesheet" href="../.tmp/styles/style.css">

但“../.tmp”文件夹中没有“../img/1-1.png”图片，那我怎么能让指南针在生成的像IDDir中创建一个新的“1-1.png”呢？用“generatedImagesDir”参数来做这样的事吗？感谢。

Grunt任务

compass: {
  options: {
      importPath: '<%= yeoman.app %>/bower_components',
      sassDir: '<%= yeoman.app %>/styles',
      cssDir: '.tmp/styles',

      imagesDir: '<%= yeoman.app %>/img',
      generatedImagesDir: '.tmp/img',

      javascriptsDir: '<%= yeoman.app %>/scripts',
      fontsDir: '<%= yeoman.app %>/styles/fonts',
      httpImagesPath: '/img',
      httpGeneratedImagesPath: '/img/generated',
      httpFontsPath: '/styles/fonts',
      relativeAssets: false

  },
  dist: {},
  server: {
    options: {
      debugInfo: true
    }
  }
},

CSS

.ap-navbar-bg.navbar-inner {
   background-color: #E86224;
   background-image: url(../img/1-1.png);
   height: 40px;

Answer 1

指南针会为你生成那些你想要作为精灵的png，但是其他图片包括在sass文件中不应该由指南针生成，它们必须已经存在于他们自己的文件夹中。

在你的情况下，用什么罗盘来查看图像路径：＆lt;％= yeoman.app％＆gt; / img，你指定的那个。

指南针将在这种情况下帮助您处理路线，但不会生成新图像。

这对你有帮助吗？

指南针会为我们生成图像吗？

1 个答案: