サブディレクトリアプリケーションで Symfony 2 を使用する場合に CSS ファイル内のアセットパスを処理する方法は?

Symfony 2 の CSS ファイルのアセットのパス

Symfony 2 で、CSS ファイル内の画像やフォントなどの外部アセットを使用する場合、アセット ディレクトリから参照しようとすると、パスの問題が発生する可能性があります。この問題は、サブディレクトリのアプリケーション設定を使用する場合に特に困難になる可能性があります。

問題:

アセット ディレクトリを基準とした画像とフォントへのパスを含む CSS ファイルがあります。ですが、アプリケーションがサブディレクトリで実行されているため、パスが正しくありません。

解決策:

この問題にはいくつかの解決策があります:

1. 絶対パスを使用する: CSS ファイルを編集し、絶対 URL を使用するようにすべてのパスを変更します。ただし、これは面倒な場合があり、特にアプリケーション構造が変更されている場合には常に可能であるとは限りません。
2. 「cssrewrite」フィルターで Assetic を使用する: Assetic アセット管理ツールを「」で使用します。 cssrewrite」フィルターを使用して、すべての CSS パスを動的に書き換えます。この方法では、相対パスを使用するように CSS ファイルを編集する必要がありますが、Assetic はそれらを正しい URL に自動的に変換します。
3. 生成された CSS からの相対パスを使用します: ソース CSS からのパスを使用する代わりにファイルでは、Assetic によって生成された CSS ファイルから画像とフォントを参照します。この方法では、CSS ファイルで相対パスを使用できますが、生成された CSS ファイルがアプリケーションに対して正しく配置されていることを確認する必要がある場合があります。
4. アセットをパブリック ディレクトリにコピー: コピー必要なアセット (画像、フォントなど) を公的にアクセス可能な「web/images」ディレクトリに保存します。コピーしたら、CSS ファイルで相対パスを使用します。
5. プライベート アセットで Symlink を使用する: ディレクトリ構造を保持するために、開発中に「--symlink」オプションを使用してアセットをインストールします。次に、実稼働環境にデプロイする前に、コマンドを使用してシンボリックリンクを削除し、アセットをパブリック ディレクトリにコピーします。

ベスト プラクティス:

最適なソリューションは異なります。プロジェクトの特定の要件に基づいて。ただし、Assetic の「cssrewrite」フィルターを使用することは、CSS パスを処理する一貫性と信頼性の高い方法を提供し、サブディレクトリ設定でも正しい参照を保証するため、推奨されるアプローチです。

以上がサブディレクトリアプリケーションで Symfony 2 を使用する場合に CSS ファイル内のアセットパスを処理する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。