symfony - 如何在 Symfony 2 和 Twig 中包含 CSS 文件？

转载作者：行者123 更新时间：2023-12-03 05:37:17

25

4

我正在使用 Symfony2，我遇到了问题，包括 Twig 中的 CSS 和 JS 文件模板。

我有一个名为 Webs/HomeBundle 的包，其中有 HomeController 和 indexAction，它呈现一个 Twig 模板文件:

public function indexAction()
{
    return $this->render("WebsHomeBundle:Home:index.html.twig");
}

所以这很容易。现在我想做的是在这个 Twig 模板中包含一些 CSS 和 JS 文件。模板如下所示:

<!DOCTYPE html>
<html>
<head>  
    {% block stylesheets %}
        <link href="{{ asset('css/main.css') }}" type="text/css" rel="stylesheet" />
    {% endblock %}
</head>
<body>
</body>
</html>

我想要包含的文件，main.css 文件位于:

Webs/HomeController/Resources/public/css/main.css

所以我的问题基本上是，我到底如何在 Twig 模板中包含简单的 CSS 文件？

我正在使用 Twig asset() 函数，但它没有找到正确的 CSS 路径。另外，我在控制台中运行此命令:

app/console assets:install web

这创建了一个新文件夹

/web/bundles/webshome/...

这只是链接到

src/Webs/HomeController/Resources/public/

对吗？

问题

您将资源文件、JS、CSS 和图像放置在哪里？可以将它们放在 Bundle/Resources/public 文件夹中吗？这对他们来说是正确的位置吗？
如何使用 asset 功能将这些asset 文件包含在 Twig 模板中？如果它们在公共(public)文件夹中，我该如何包含它们？
我应该配置其他东西吗？

最佳答案

除了将包路径传递给 asset() 函数之外，您所做的一切都是正确的。

根据documentation - 在您的示例中，这应如下所示:

{{ asset('bundles/webshome/css/main.css') }}

提示:您还可以使用 --symlink 键调用 asset:install，这样它将在 Web 文件夹中创建符号链接(symbolic link)。当您经常应用 js 或 css 更改时，这非常有用(这样，应用到 src/YouBundle/Resources/public 的更改将立即反射(reflect)在 web 文件夹中，无需再次调用 assets:install):

app/console assets:install web --symlink

此外，如果您希望在子模板中添加一些资源，您可以为 Twig block 调用 parent() 方法。在你的情况下，它会是这样的:

{% block stylesheets %}
    {{ parent() }}

    <link href="{{ asset('bundles/webshome/css/main.css') }}" rel="stylesheet">
{% endblock %}

关于symfony - 如何在 Symfony 2 和 Twig 中包含 CSS 文件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12165485/

25

4

0

twig - 如何在 Twig 模板中转义 Twig 分隔符？
Twig 使用 {{ }}、{% %}、{# #} 分隔符。但是如何在 Twig 模板中显示 {{ }} 呢？我不是在谈论 HTML 转义。我问这个问题是因为我想在我的 Twig 模板中包含一个
twig - Twig 中不允许转换编码
为了转换我的法语 html 口音，我尝试通过在 Twig 中执行此操作来更改编码: {{ ddf.description | convert_encoding('UTF-8', 'HTML-ENTIT
twig - twig 文件中的增量值
我有一个带有输出元素的 .twig 文件的循环。我需要为每个元素增加一个值。我知道如何在 PHP 中执行此操作，但不清楚如何使用 twig 文档执行此操作。我真的不能在 Controller 中做到
symfony2 - twig - 如何从 Twig 模板内部渲染 Twig 模板
我有一个 xxx.html.twig 文件，它显示一个页面，但是当我想用不同的数据刷新页面并用新数据更新它时，我有一个选择和一个提交按钮。问题是我不知道如何在 Controller 中调用一个 Act
twig - Twig 和液体有什么区别？
我需要使用 Liquid 来创建模板，但可能只能访问 Twig 模板语言。这两种语言基本上是相同的东西，还是语言上存在差异，导致很难使用 Twig 来替代 Liquid？最佳答案 Twig 和 Li
twig - Twig 可以将数字四舍五入到最接近的千位吗？
number rounding 的 Twig 文档谈论四舍五入小数，但我有一个案例，我想将 19,995 这样的数字四舍五入到 20,000。是否有一种巧妙的方法可以四舍五入到最接近的千位？最佳答案
twig - Symfony 和 PhpStorm twig 没有给我任何关于 twig 函数的建议
我在 2.7 和 3.1 版本中都有 Symfony 项目。 PhpStorm 启用了 Symfony 插件和 Twig 支持插件。当我在 Symfony 2.7 版本的 PhpStorm 中工作时
twig - Whiteoctober/breadcrumbs-bundle 与 twig/twig 3.0 不兼容
我已升级到新版本的 twig/twig 3.x.x。从 twig 版本 3.0 开始，Twig_Extension 已被弃用。所以我接下来要讨论“whiteoctober/breadcrumbs-bu
twig - 用满足 Twig 条件的元素包装内容
我在 Twig 中经常有类似的样板代码: {% if (somelongcond) %} {% endif %} Some long content {% if (somelongcond)
twig - 从插件中覆盖 Twig 模板
我想在我自己的插件中覆盖来自插件的 Twig 模板的 block 。我过去曾覆盖过 native 商店软件模板，但我在使用插件模板时遇到了麻烦。我正在尝试调整的插件是 FroshProductCom
twig - 如何在 Twig 中设置默认主题？
我用带 Twig 的silex；我创建自定义 form_div_layout 并将其放在 webroot 中(例如) 我这样注册 TwigService 提供者 $app->register
twig - Twig 中的动态变量，例如？
我不太明白 Twig 中的属性函数是如何工作的。有人可以帮我举个例子吗？我在 SQL 中有一个名为动态的字段。我可以是例如“field27”，但我不知道号码，号码保存在 radio.id 中。我想做
twig - 在 TWIG 中创建多语句指令
我想知道是否有一种方法可以在 TWIG 中创建多语句示例:两个单独的语句... {% set foo:bar %} {% set baz:qux %} 合并成一个语句 {% set foo:
twig - 使用 Twig 扩展
我正在尝试使用 Twig i18n 扩展。据我所知，我需要的文件在这里: https://github.com/fabpot/Twig-extensions/blob/master/lib/Twig
twig - Patternlab Twig 包含参数
我正在使用 patternlab 的节点版本用 Twig 作为模板引擎。我正在使用 twig，因为我的代码库是用 twig 编写的 - 所以使用 mustache 不是一个选项。我简单地尝试包含一个
twig - 如何从 Twig 中的字符串中删除新行
我有以下代码: {% set pageDescription = item.description|length > 197 ? item.description|striptags|trim|sli
twig - 在 Twig 中循环并在三次迭代后中断
我有以下 Twig 代码: {% for likeditem in user.getItemLikes() %} //iterate over each liked items here {%
twig - Twig 中的重复 block
反正有没有像这样在 Twig 中重复一个块: {% block title %}{% endblock %} | MyBusiness 为了只声明两个块一次？像那样: {% block title
twig - 如何在 Twig 上调用ucwords？
编辑:2016年12月3日想学习如何向 Twig 添加自定义扩展(过滤器)吗？请参阅this answer的lxg 您是否只需要找到与ucword等效的嫩枝？请参阅this answer的Javie
twig - 如何将标量 Twig 过滤器映射到数组
我有一个简单的浮点数组。我需要将它显示为逗号分隔的字符串。 {{ arr|join(', ') }} 由于过度的微不足道的准确性，这是一个糟糕的解决方案。 {% for val in arr %}

首页

博学

6Ren·AI

商城

symfony - 如何在 Symfony 2 和 Twig 中包含 CSS 文件？

问题