1

“generatedImagesDir”参数适用于以下代码，这是否意味着这只适用于指南针精灵实用程序？

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

以前的问题：

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

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

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

咕噜任务

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;
4

1 回答 1

0

Compass 将为您生成您想要作为精灵的那些 png，但是包含在 sass 文件中的其余图像不应由 compass 生成，它们必须已经存在，在它们自己的文件夹中。

在您的情况下，指南针会查看图像路径：<%= yeoman.app %>/img，您指定的路径。

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

这对你有帮助吗？

于 2014-05-23T13:21:30.640 回答