Symfony3 和 Assetic：开发或生产中的不同行为

Question

我正在研究 Symfony 3.4 和 Assetic。 假设我的网站是 www.mycompany.com，我正在使用 2 种特定类型的资产：

• Google 网络字体通过我的主 CSS 文件中的 @Import()
• 自定义 CSS 字体，字体文件在 web/fonts/
中手动上传

当我以开发模式访问我的网站时 www.mycompany.com/app_dev.php/ :

• Google 字体加载良好且工作正常。
• Font awesome 不起作用（因为 app_dev.php/fonts/ 是 404）

当我以产品模式访问我的网站时 www.mycompany.com/ :

• Google 字体不工作（@import 好像没有加载...）
• 字体很棒（因为 css 文件位于 www.mycompany.com/fonts/）

为什么会出现这种行为？供您参考，我使用 Assetic 以这种方式加载 myu 资产：

{% stylesheets '@PimInterfaceBundle/Resources/public/css/*' %}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

// Same for JS

谢谢。

Answer 1

使用 cssrewrite 过滤器时，不要使用 @XxBundle 语法引用您的 CSS 文件。

试试这个

{% stylesheets 'bundles/piminterface/css/*' filter='cssrewrite' %}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

这是文档

1. Including CSS Stylesheets

2. Fixing CSS Paths with the cssrewrite Filter

3. Dumping Asset Files in the prod Environment

如果这对您不起作用，请尝试 php bin/console asset:install

在产品中 php bin/console assetic:dump --env=prod --no-debug `