symfony – 使用带有twitter bootstrap和assetic的图标

发布时间：2020-12-17 20:42:09 所属栏目：安全来源：网络整理

导读：我已配置资产并使用以下配置 assetic: assets: global: inputs: - '%kernel.root_dir%/Resources/public/less/global.less' debug: %kernel.debug% use_controller: false #java: /usr/bin/java filters: cssrewrite: ~ less: node: /usr/local/bin/node nod

我已配置资产并使用以下配置

assetic:
    assets:
        global:
            inputs:
                - '%kernel.root_dir%/Resources/public/less/global.less'
    debug:          %kernel.debug%
    use_controller: false
    #java: /usr/bin/java
    filters:
        cssrewrite: ~
        less:
            node:       /usr/local/bin/node
            node_paths: [/usr/local/lib/node,/usr/local/lib/node_modules]
            apply_to: ".less$"

在我的twig文件中,我有以下内容可以完美地打印出css文件.

{% stylesheets filter='less,cssrewrite'
   '@global'
%}
<link href="{{ asset_url }}" type="text/css" rel="stylesheet" media="screen" />
{% endstylesheets %}

这是我的app / Resources / public / global.less文件

@import "../../../../vendor/twitter/bootstrap/less/bootstrap.less";


/*
* Global Styles
*/
body{
    background: #333;
}

问题是我无法使用Twitter Bootstrap图标,因为它们是404.我的图像目前位于app / Resources / public / img /我已经尝试了一切来使这些工作,并尝试了所有资产命令.

我是否需要如here所述的cssembed？我当然希望我不必运行Java来实现这一目标.

解决方法

我之前为此创建了一个解决方案,我不知道是否是最好的方法,但它确实有效.只需从网络/捆绑中调用您的资产,而不是从实际位置调用.然后,您必须运行第一个资产：在assetic：dump之前安装.您的资产配置与我的相同.我不使用较少的过滤器,但我认为这也是适用的.

{% block head_style %}
{% stylesheets filter='yui_css,cssrewrite' 
        'bundles/bgcomun/css/bootstrap.css'
            'bundles/bgcomun/css/comun.css'
             output='css/compiled/main.css'


    %}
    <link href="{{ asset_url }}" type="text/css" rel="stylesheet"
          media="screen" />
{% endstylesheets %}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!