在 Symfony 2 上使用 Assetic 进行指南针精灵答案

【问题标题】：Compass spriting with Assetic on Symfony 2在 Symfony 2 上使用 Assetic 进行指南针精灵
【发布时间】：2014-02-25 15:59:16
【问题描述】：

这是我第一次使用 Symfony，所以我不知道是我把一切都搞砸了还是什么，但我似乎无法让 compass spriting 在我的项目中工作。

这是我的 scss 文件中的内容：

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

我在编译 de sass 时没有看到任何错误，但图标无处可寻，生成的 css 类似于：

 .icons-sprite, .icons-icon01, .icons-icon02 {
     background: url("/images/icons-sf92f9256db.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
 }

在我的 config.yml 文件中，我有这个：

assetic:
    debug:          "%kernel.debug%"
    use_controller: false
    filters:
        cssrewrite: ~
        sass: ~
        compass: 
            bin: '/usr/bin/compass'
            apply_to: "\.scss$"
            http_path: /
            images_dir: %kernel.root_dir%/../src/Es/DolceVitaBundle/Resources/assets/images
            generated_images_path: %kernel.root_dir%/../web/images
            http_generated_images_path: /images

parameters:
    assetic.filter.compass.images_dir: %kernel.root_dir%/../src/Es/DolceVitaBundle/Resources/assets/images
    assetic.filter.compass.http_path:  /images

我的图标文件夹（包含我想用于精灵的原始 png 文件）位于 /Myprojectfolder/src/src/Es/DolceVitaBundle/Resources/assets/images

/Myprojectfolder/src/web/images 中的文件夹为空

编辑：

更多信息：我做了 app/console assetic:dump --watch 并且 css 文件生成得很好

我的样式表是这样添加的：

{% stylesheets output='css/*.css' filter="compass" 
    "@EsDolceVitaBundle/Resources/assets/scss/style.scss"
%}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

【问题讨论】：

您运行的是 app/console assets:install 还是 app/console assetic:dump ？您在哪里以及如何创建资产包？在带有{% stylesheets %} 标签的树枝文件中或在assetic.assets 下的配置中？
使用该信息编辑

标签： php symfony sass

【解决方案1】：

好吧，显然有些东西出了问题，也许是缓存，但我的其余配置没问题。我完成了剩下的 css 并评论了图标部分，在工作了一天后，我没有评论再次查看问题，并且精灵完美地出现了。

【讨论】：

【解决方案2】：

不要忘记添加到您的parameters.yml：

assetic.filter.compass.generated_images_path: %kernel.root_dir%/../web/images

【讨论】：