symfony - 使用带有 twitter Bootstrap 和 Assets 的图标

Question

我已配置 Assets 并使用以下配置

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/。我已经尽一切努力让这些工作，并尝试了每一个 Assets 命令。

我是否需要如上所述的 cssembed here ?我当然希望我不必运行 Java 来实现这一点。

Answer 1

我前段时间为此建立了一个解决方案，我不知道是否是最好的方法，但它有效。只需从网络/捆绑包中调用您的 Assets ，而不是从真实位置调用。然后，您必须先运行 assets:install，然后再运行 assets:dump。你的 Assets 配置和我的一样。我没有使用较少的过滤器，但我认为这也是适用的。

{% 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 %}