5

我有这个：

ShopBundle
  Controller
  Resources
    public
      images
        marker.png
    views
      Default
        index.html.twig

在我的 index.html.twig 中，我想要这个

<img src="{{ asset("images/marker.png") }}"/>

我希望使用我的包的人只想使用他们自己的 marker.png 来构建一个继承我的包并通过以下文件结构放置他们的图像：

MyShopBundle
  Resources
    public
      images
        marker.png

在 Symfony2 中是否有任何简单的方法可以做到这一点？需求似乎如此简单，以至于我不敢相信我还没有找到答案。

所以，

  • 您如何在捆绑资源目录中的捆绑模板中包含图像资产？我已经做了一个./apps/hfr/console assets:install web，但我的模板没有打印正确的 url（/images/marker.png 而不是 /bundles/ShopBundle/Resources/public/images/png）

  • 是否可以覆盖我想要的方式或者我迷路了？

4

1 回答 1

6

解决方案：

使用@语法...

{% image '@VendorMyShopBundleBundle/Resources/public/images/example.jpg'
    output='/images/example.jpg' %}
    <img src="{{ asset_url }}" alt="Example"/>
{% endimage %}

请注意，您的网络服务器将无法正常访问Vendor/YourBundle/Resources/public 。

因此 assets:install 命令会将资产复制到web/bundles/vendoryourbundle

如果您使用的是开发环境，{{asset('path/to/asset.jpg') }} 函数将调整资源的 url：

 http://hostname/app_dev.php

从

/path/to/asset.jpg

至

/app_dev.php/to/asset.jpg

[编辑]

如果您想对资产进行更多控制，可以考虑使用资产集合。

您可以按如下方式配置它们：

# app/Resources/config/config.yml

assetic:
    [...]
    assets:
        css_bootstrap:
            inputs:
                -  %kernel.root_dir%/../src/Vendor/YourBundle/Resources/public/twitter-bootstrap/less/bootstrap.less
                - [...]
            filters:
                - lessphp
                - [...]
            output: css/bootstrap.css

         my_image:
            inputs: 
                - %kernel.root_dir%/../path/to/image.png
            filters:
                - optipng
            output: images/image-with-new-name.png

然后在您的模板中使用它们，如下所示：

{% stylesheets '@css_bootstrap' %}
    <link rel="stylesheet" type="text/css" href="{{ asset_url }}">
{% endstylesheets %}

我现在不确定assetic/assets/packagename/inputs 配置数组是否也支持@VendorYourBundle 语法，然后使用捆绑继承。

添加：

在使用这些软件包之前，您必须使用控制台命令：

php app/console assetic:dump
于 2013-05-21T14:23:00.337 回答