Question

我将我的网站移植到Symfony框架。我正在使用Assetic作为我的资产。在我收到错误后，我想整合代码。当我这样做时，我遇到了一个显然与我正在改变的问题无关的问题。这是工作代码：

{% stylesheets 'bundles/zetchoamcolan/css/screen.css' filter='cssrewrite' %}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% stylesheets 'bundles/zetchoamcolan/css/SpryTooltip.css' filter='cssrewrite' %}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% javascripts 'bundles/zetchoamcolan/js/modernizr-custom.80696.js'
               'bundles/zetchoamcolan/js/SpryTooltip.js' %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}

我想在不指定文件的情况下加载javascript，因此我将最后一段代码更改为：

{% javascripts 'bundles/zetchoamcolan/js/*' %}
    <script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}

当我这样做时，我会松开css文件中指定的背景图像。其余的CSS格式似乎正在运行。提到的两个JavaScript文件是js目录中的唯一文件。这是一个错误还是我做错了什么？

更新：缺少的图片是parchment.gif。我在两种情况下检查了图像目录。当我使用上面的'/ *'时，该文件不会出现。相反，一个名为parchment_border.png的文件可以。我在我的CSS中的其他地方使用此文件。我正在使用Safari Inspect Element来确定这一点。

更新2：这是用户错误。当它应该是“modernizr.custom.80696”时，我输入了“modernizr-custom.80696”。我仔细检查了拼写，但没有检查标点符号。当正确指定modernizr时，它会调用一些将背景图像设置为none的CSS。我不知道为什么我会在那里。

Answer 1

您需要更新CSS中的图像路径。 Assetic包将压缩/加入指定的文件，并将输出放在css /或js /文件夹中。

在您的css中，您的图片路径需要从../images/image.jpg更改为/bundles/yourbundle/images/image.jpg

JavaScript文件的资产全局负载会影响CSS

1 个答案: