使用assetic提供相关图像

Question

我正在尝试理解symfony2 assetic捆绑包。我正在尝试使用jquery插件，它使用自己的css文件。我将所有内容都放在mybundle/Resources/public中，然后拆分成图像/ 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文件。