ホームページ > バックエンド開発 > PHPチュートリアル > Symfony Asset コンポーネントを使用して CSS Javascript と画像ファイルを管理する

Symfony Asset コンポーネントを使用して CSS Javascript と画像ファイルを管理する

WBOY
リリース: 2016-06-23 13:01:12
オリジナル
1093 人が閲覧しました

私が Symfony Asset コンポーネントを紹介したい理由は、このコンポーネントが Symfony コンポーネント パッケージの中で最も過小評価されやすいコンポーネントの 1 つであると推測しているからです。これまで関連ドキュメントを見たことも、関連機能を使用したこともありませんでしたが、会社の Web サイトを CDN で高速化する必要があったときになって初めて、そのようなものがあることを思い出しました。

おそらく Symfony を学習している多くの学生は、公式の Symfony ベスト プラクティス チュートリアルで多かれ少なかれアセット twig 機能を見たことがあるでしょうが、このドキュメントではアセットが何をするのか、そしてそれがどのような利点をもたらすのかについては説明されていません。最近、Asset コンポーネントのドキュメントを注意深く読み、関連する実践を行って、いくつかの有益な情報を共有しました。

資産とは何ですか?

実際には、css / javascript / image などの静的ファイルの総称です。

資産管理とメンテナンスで遭遇する一般的な問題

これまでは、公式 Web サイトで提供されている例のように、静的ファイルのパスがテンプレート ファイルにハードコーディングされていました。非常に単純なプロジェクトは次のように書くことができます。次のような穴を掘ることになるので、これらのパスを書かない方がよいでしょう:

静的ファイルを参照するすべての場所に常にフルパスを記述する必要があります。ファイル。

バージョン管理が面倒。静的ファイルをキャッシュしたい場合があります。静的ファイルをキャッシュするには、キャッシュを更新する必要があるかどうかを制御するために、URL アドレスの後にバージョン番号を追加する必要があります (通常、/main.css?v=1 と同様)。は各ファイルにハードコーディングされています。見落としがちなので、ゆっくりと 1 つずつ変更してください。
  1. プロジェクトの最初に、静的ファイルのパスを死ぬほど書くのはクールです。静的ファイルのディレクトリのパスが変更された場合、それを 1 つずつゆっくり変更するだけです。
  2. 単一 CDN の圧力を軽減するために使用されるマルチ CDN と呼ばれる技術があります。ファイル main.css に http://cdn1.com/main.css と http://cdn2.com/main.css という 2 つの CDN があるとします。パスがハードコーディングされている場合、ページをこのページに戻すにはどうすればよいでしょうか。 2 つの CDN アドレスのうちの 1 つをランダムに?
  3. Symfony Asset コンポーネントで何ができるのですか?
  4. 上記の質問に対応します:

これを使用すると、パス全体を記述する必要がなくなり、パブリック ディレクトリ部分を省略できます

これを使用すると、静的ファイルのバージョンを指定するのが便利です。構成の!
  1. これを使用すると、ディレクトリ、ドメイン名、CDN などを自由に変更でき、静的ファイルの場所を移動するのに便利です。
  2. これがあれば、複数の CDN の実現も夢ではありません。
  3. 今日はまずここに書かせてください。私のウェブサイト(http://chrisyue.com)以外からの転載をご覧になった場合は、原文をクリックしてフォローが完了しているかご確認ください。
  4. Symfony Asset コンポーネントは非常に優れていますが、どのように使用すればよいですか?

私は Symfony フレームワークを使用していますが、フレームワークで Symfony Asset コンポーネントを使用するにはどうすればよいですか?

もう一つ質問したいのですが、Symfony Assetic コンポーネントとは何ですか? Asset コンポーネントと何か関係がありますか?

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート