![](/img/trans.png)
[英]How do I add assets using Twig/Assetic and other weird issues with Twig?
[英]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.