Question

我正在使用Yeoman和Compass来编译引导程序SASS文件。我的Yeoman应用程序不在我的Web服务器的基本目录中，它位于名为“ui”的目录中。我找不到404引导程序映像，因为CSS文件在指向/ ui / images时指向/ images。我已经尝试修改我的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，则似乎没有什么区别。谢谢你的帮助！

Answer 1

如果您的Yeoman应用程序由generator-webapp生成并包含bootstrap 2.x.x，则可以在app / styles / main.scss中看到以下代码。

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

您可以根据需要修改这些路径。

更改Compass使用的HTTP图像路径

1 个答案: