css - Symfony2 Twig 模板 - css 未加载

Question

我已将 Web 应用程序的客户端导入到

/bundle/资源/视图

这包括 html 文档，以及 css、js、图像和字体文件夹。当我在浏览器中打开一个 html 页面时，它呈现得很好。但是只需将文件的扩展名更改为 .html.twig 并通过 symfony2 框架渲染它就会禁用 css。

我还将 css、js、图像和字体文件夹复制到

/捆绑/资源/公共

我也尝试过使用 twig assets('') 函数，但没有成功。

这是怎么回事？

Answer 1

首先执行app/console assets:install（考虑添加--symlink）。该命令会将所有捆绑包复制/符号链接Resources/public到web/bundles并在其中创建一个文件夹，命名为小写捆绑包名称，没有尾随的“捆绑包”。

例子：

YourAwesomeBundle\Resources\public\css\style.css将被复制/符号链接到web\bundles\yourawesome\css\style.css

...之后包括使用的资产asset("@YourBundle/Resources/public/css/style.css")

... 或者asset("bundles/your/css/style.css")

Answer 2

示例：

css

{% stylesheets '@TestBundle/Resources/public/css/*' filter='cssrewrite' %}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

js

{% javascripts '@TestBundle/Resources/public/js/*' %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}