php - 使用 assetic 提供相关图像

Question

我正在尝试了解 symfony2 Assets 包。我正在尝试使用一个使用它自己的 css 文件的 jquery 插件。我将所有内容都放在 mybundle/Resources/public 中，然后拆分为 images/javascript/和 css/

插件 css 使用相对路径获取图像，如 ../images/sprite.png

使用 assetic 提供 css 文件:

{% stylesheets
    '@MyBundle/Resources/public/css/mycss.css' 
%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

assetic 生成的路径是 /app_dev.php/css/mycss.css，我想这是正确的。显然，相对图像路径现在不再起作用了。因为文件本身位于 mybundle/Resources/public 而不是/images/

当尝试使用 cssrewrite 过滤器时，路径被重写为:http://server.com/Resources/public/images/sprite.png。但我不正确，文件不在那里。

如何使用 assetic 提供相关图像？

Answer 1

你可以拼出输出路径，根本不使用 cssrewrite。

{% stylesheets output="bundles/zaysoarbiter/css/forms2.css"
    '@ZaysoArbiterBundle/Resources/public/css/forms2.css'
%}

当然，您还可以使用 assets:install 将图像复制到 web/bundles/bundle/images 或任何地方。就浏览器而言，您的 css 和图像现在彼此相对定位。在生产中，您将使用 assetic:dump 将实际生成的 css 文件移动过来。