使用 assetic 合并 scss 和 css 文件

Question

我想知道是否可以将 css 和 scss 文件合并为一个文件。我使用 Symfony 2.7，我的 config.yml 看起来像这样：

assetic:
    assets:
        main:
            inputs:
                - %kernel.root_dir%/../vendor/morrisjs/morris.js/morris.css
                - %kernel.root_dir%/../vendor/twbs/bootstrap-sass/assets/stylesheets/*
            output: 'css/main.css'
            filters:
                - sass
                - cssrewrite
    filters:
        cssrewrite: ~
        sass:
          bin: C:\Ruby21-x64\bin\sass
          apply_to: "\.scss$"

当我尝试使用

转储资产时

php app/console assetic:dump

我有一个错误，因为 sass 正在尝试解析 css 文件。为什么 "apply_to" 不起作用？

我看到了但它对我没有帮助...

Answer 1

由于您使用的是 apply_to 参数，我认为您应该明确地从资产节中删除 sass 过滤器：

assetic:
    assets:
        main:
            inputs:
                - %kernel.root_dir%/../vendor/style.css
                - %kernel.root_dir%/../vendor/sass/*
            output: 'css/main.css'
            filters:
                - cssrewrite
    filters:
        cssrewrite: ~
        sass:
          bin: C:\Ruby21-x64\bin\sass
          apply_to: "\.scss$"

例如看这个issue

使用 assetic 合并 scss 和 css 文件

Merge scss and css file into one with assetic

css

sass

symfony

assetic