0

コンパスで Yeoman を使用して、ブートストラップ SASS ファイルをコンパイルしています。私の Yeoman アプリは、Web サーバーのベース ディレクトリではなく、"ui" というディレクトリにあります。/ui/images を指しているはずの CSS ファイルが /images を指しているため、ブートストラップ イメージで 404 not found が発生します。以下のように Gruntfile のコンパス オプションを変更しようとしましたが、生成された CSS では何も変更されていないようです。

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

relativeAssets を true または false に設定しても違いはないようです。助けてくれてありがとう！

4

1 に答える 1

1

Yeoman アプリがgenerator-webappによって生成され、ブートストラップ 2.xx が含まれている場合、app/styles/main.scss で次のコードを確認できます。

  $iconSpritePath: "../images/glyphicons-halflings.png";
  $iconWhiteSpritePath: "../images/glyphicons-halflings-white.png";

これらのパスは必要に応じて変更できます。

于 2013-09-06T03:49:18.350 に答える