繁体   English   中英

如何在Twig模板中引用命名的Assetic资产?

[英]How to reference named Assetic assets in a Twig template?

使用AsseticBundle,可以在Symfony的配置文件中定义命名资产。 如何在带有{% javascripts %}{% stylesheets %} Twig标签的Twig模板中引用它们?

Symfony自己的Assetic文档仅提及@BundleName/Resources/file.cs特殊表示法,以包括捆绑资产,但没有提及已命名资产。

问题Symfony2:如何与Twig模板继承一起正确包含资产? 在评论中简短提及这是可能的,但没有说明如何做到这一点。

仅使用资产的给定名称(例如Assetic自己的Readme中的jquery )不起作用。 Assetic尝试查找显然不存在的文件web/jquery

简短版本:在模板中使用“ @name”:

较长的版本:

如果您的资产配置如下所示:

[config.yml]
assetic:
    assets:
        bootstrap_css:
                inputs:
                    - %kernel.root_dir%/../web/components/bootstrap/css/bootstrap.css
                    - %kernel.root_dir%/../web/components/bootstrap/css/bootstrap-theme.css
        jquery_ui_css: 
            ....

现在,您可以在模板中使用它,例如在base.html.twig中

<html><head>
...
{% stylesheets output='compiled/main.css'
    "@bootstrap_css"
    "@jqueryui_css"
    ...etc
%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
</head></html

此文件还定义了其中的所有css应该连接到已编译目录中的一个main.css文件中。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM