css - Assetic如何合并css和scss文件

Question

我尝试使用 Assetic 将我的 css 和 scss 文件合并为一个，但是在编译过程中出现了一个错误。当我进入控制台时：php app/consoleassetic:dump

我的代码：

{% stylesheets 
"@PortalSlubnyMainBundle/Resources/public/scss/main.scss" filter="compass"
"@PortalSlubnyMainBundle/Resources/public/css/*"

%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

Answer 1

好的，我找到了解决方案。1.首先将 jquery-ui-1.10.3.custom.min.css 重命名为 jquery-ui-1.10.3.custom.min.scss 2.其次由于 scss 与 css 的兼容性，我可以在我的模板文件中这样做：

{% stylesheets filter='?uglifycss' filter="cssrewrite" filter="compass"
"@PortalSlubnyMainBundle/Resources/public/scss/settings.scss" 
%}
   <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

设置.scss

/* foundation files */
@import "foundation";

/* compass specific files */
@import "compass/css3/images";

/* portalslubny variables files - must be imported before scss files */
@import "variables.scss";

/* other css files converted to scss */
@import "jquery-ui-1.10.3.custom.min";

/* portalslubny scss files */
@import "main.scss";
@import "header.scss";
@import "footer.scss";