css - Symfony3 中的 Assets 与 CSSREWRITE

Question

我正在使用 Bower 管理许多常见 Assets ，但遇到了一个问题。我正在尝试使用 Slick.js有一个旋转的轮播，我正在通过 Assetic 运行它来组合和缩小 Assets 。

这是我在 Twig 中的样式表:

{% stylesheets
    "vendor/jquery-ui/themes/base/jquery-ui.min.css"
    "vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css"
    "vendor/datatables.net-dt/css/jquery.dataTables.min.css"
    "vendor/datatables.net-responsive-dt/css/responsive.dataTables.min.css"
    "vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css"
    "vendor/slick-carousel/slick/slick.css"
    "vendor/slick-carousel/slick/slick-theme.css"
    "css/*.css"
    "scss/*.scss"
    "@SHUDirectoryBundle/Resources/public/css/*.scss"
    filter="cssrewrite,scssphp,?uglifycss"
    output="css/combined/myshu.min.css"
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

这是我的 Assetic 配置:

assetic:
    debug:          '%kernel.debug%'
    use_controller: '%kernel.debug%'
    node: /usr/bin/nodejs
    filters:
        cssrewrite: ~
        uglifyjs2:
            bin: /usr/local/bin/uglifyjs
        uglifycss:
            bin: /usr/local/bin/uglifycss
        scssphp:
            formatter: 'Leafo\ScssPhp\Formatter\Compressed'

在 slick-theme.css 文件中，它引用了以下内容:

@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

我假设 CSSREWRITE 会采用相对路径 ./并将其写入直接路径 vendor/slick-carousel/slick/fonts/slick.woff 例如。

Answer 1

这实际上解决了自己。我不确定 assetic dump 是否无法正常工作，但它在我进行其他一些 CSS 更改时突然开始工作。