css - 如何使 css Assets 在 symfony2 元素中遵循特定顺序

Question

今天我部署了我的应用程序，但我遇到了一个关于我的 css 的问题。

在我的主模板中，我有以下代码:

<!-- BEGIN GLOBAL MANDATORY STYLES -->
{% stylesheets
     'bundles/appgenerictheme/current/frontend/css/style1.css'
     'bundles/appgenerictheme/current/frontend/css/style2.css'
     'bundles/appgenerictheme/current/frontend/css/style3.css'

     output='css/style.css' filter='cssrewrite'
%}
<link rel="stylesheet" href="{{ asset_url }}" type="text/css" media="screen" charset="utf-8">
{% endstylesheets %}

1、2、3 以下的顺序很重要，因为在 style2.css 中我覆盖了 style1.css 等中定义的一些规则......

在我的开发环境中，我没有遇到任何问题，因为 css 是这样呈现的:

<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link rel="stylesheet" href="/app_dev.php/css/style1.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="/app_dev.php/css/style2.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="/app_dev.php/css/style3.css" type="text/css" media="screen" charset="utf-8">

但在生产环境中，规则发生变化， Assets 被串联在一个文件中:style.css

<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" charset="utf-8">

如果我查看生成的 style.css，我可以看到顺序不是 style1 -> style2 -> style3 而是一些随机顺序，使我的规则覆盖 css 无用。

有没有办法明确定义 style.css 的连接顺序？

Answer 1

我一直试图重现这个问题，但无济于事。它确实尊重我在我的案例中定义它们的顺序。

确保你:

1. 安装您的 Assets :php app/console assets:install web
2. 转储新的 CSS 文件:php app/console assetic:dump --env=prod --no-debug
3. 清除缓存:rm -fr app/cache/*

按照特定的顺序。

无论如何，如果这没有帮助，您可以尝试使用不同的目录，如下所示:

<!-- BEGIN GLOBAL MANDATORY STYLES -->
{% stylesheets
     'bundles/appgenerictheme/current/frontend/css/style1.css'
     'bundles/appgenerictheme/current/frontend/css/d1/style2.css'
     'bundles/appgenerictheme/current/frontend/css/d1/d2/style3.css'

     output='css/style.css' filter='cssrewrite'
%}
<link rel="stylesheet" href="{{ asset_url }}" type="text/css" media="screen" charset="utf-8">
{% endstylesheets %}