1

「 generatedImagesDir 」パラメーターは以下のコードでうまく機能しますが、これはコンパス スプライト ユーティリティでのみ機能するということですか?

@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」画像がないため、コンパスに新しい「1-1.png」を生成されたImagesDirに作成させるにはどうすればよいですか? 「 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

コンパスはスプライトとして必要な png を生成しますが、sass ファイルに含まれる残りの画像はコンパスによって生成されるべきではなく、独自のフォルダーに既に存在している必要があります。

あなたの場合、 <%= yeoman.app %>/img 、あなたが指定したものです。

この場合、コンパスはルートを見つけるのに役立ちますが、新しい画像は生成しません。

これは役に立ちますか?

于 2014-05-23T13:21:30.640 に答える