0

我正在使用 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,这似乎没有什么区别。谢谢您的帮助!

4

1 回答 1

1

如果你的 Yeoman 应用是由generator-webapp生成的,并且包含 bootstrap 2.xx,你可以在 app/styles/main.scss 中看到如下代码。

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

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

于 2013-09-06T03:49:18.350 回答