小编典典

Symfony2-Assetic-在CSS中加载图像

css

我有一个CoreBundle,其中包含主要的CSS文件和图像。现在,当我从CSS加载图像时出现问题;图片未显示。

 background-image:url(../images/file.png)

(可以使用完整路径)

我使用以下命令安装了资产:assets:install web我可以在下看到图像和CSS文件web/bundles/cmtcore/(css|images)

这是核心捆绑包中的文件结构:

/CoreBundle
    /Resources
        /public
            /css
                /main.css
            /images
                /file.png

这是我将css文件加载到模板中的方法:

 {% stylesheets '@CmtCoreBundle/Resources/public/css/*' %}
        <link rel="stylesheet" type="text/css" media="screen" href="{{ asset_url }}" />
 {% endstylesheets %}

提前谢谢你的帮助。


阅读 270

收藏
2020-05-16

共1个答案

小编典典

使用cssrewriteAssetic捆绑包中的过滤器

在config.yml中:

assetic:
    debug:          %kernel.debug%
    use_controller: false
    filters:
        cssrewrite: ~

然后像这样调用样式表:

 {% stylesheets 'bundles/cmtcore/css/*' filter='cssrewrite' %}
        <link rel="stylesheet" type="text/css" media="screen" href="{{ asset_url }}" />
 {% endstylesheets %}

哦,别忘了使用 php app/console assetic:dump

2020-05-16