README

重写引用资源的CSS/JS捆绑URL。

安装

"repositories": [
    {
        "url": "git@github.com:javihgil/assetic-rewritesf-filter-bundle.git",
        "type": "vcs"
    }
],
"require": {
...
    "javihgil/assetic-rewritesf-filter-bundle": "dev-master",
...
},

使用

在app/config/config.yml中配置assetic

assetic:
    ...
    filters:
        rewritesf: 
             resource: %kernel.root_dir%/../src/Jhg/AsseticRewritesfFilterBundle/Resources/config/rewritesf.xml
             apply_to: "\.(less|css|scss)$"
        ...

示例：css/less/sass @imports覆盖

config.yml

assetic:
    debug:          "%kernel.debug%"
    use_controller: true
    bundles:        ['ExampleBundle']
    ruby: "%assetic_ruby_bin%"
    filters:
        rewritesf: 
             resource: %kernel.root_dir%/../src/Jhg/AsseticRewritesfFilterBundle/Resources/config/rewritesf.xml
             apply_to: "\.(scss)$"
        sass:
            bin: "%assetic_compass_bin%"
        compass:
            bin: "%assetic_compass_bin%"
            apply_to: "\.(scss)$"

视图文件

{% block styles %}
    {% stylesheets 
        "@ExampleBundle/Resources/assets/styles/example.scss"
        output='sass.css'
    %}
        <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}

src/ExampleBundle/Resources/assets/styles/example.scss

@import '@ExampleBundle/Resources/assets/styles/variables.scss';

body {
    background-color: $color !important;
}

src/ExampleBundle/Resources/assets/styles/variables.scss

$color: red;

app/Resources/ExampleBundle/assets/styles/variables.scss

$color: green;

结果

如果app/Resources/ExampleBundle/assets/styles/variables.scss文件存在，结果为

body {
    background-color: green !important;
}

否则结果为

body {
    background-color: red !important;
}