今回は、FontAwesome を例にして、Yii2 プロジェクトに外部アセットを追加する方法について話したいと思います。
Yii2 はプロジェクトの依存関係管理に Composer を使用し始めました。これは NodeJS の npm に似ており、Github 上のサードパーティ ライブラリ (Bootstrap、FontAwesome など) の最新バージョンを自動的に取得できます。公式チュートリアルに従ってインストールした後、プロジェクトの初期化を開始できます。
1.初期化プロジェクト
Composer経由で初期化
その後、コーディングを開始します。モデル コントローラー ビューは素晴らしいものです。ここをクリックしてご覧ください。
2.FontAwesome をインストールします
最後に、プロジェクトは、Composer を介してサードパーティのライブラリを参照する必要があるところまで開発されました。 packagegist.orgの公式パッケージリストを検索すると、FontAwesomeの構成が見つかりました。 FortAwesome/Font-Awesome": "*" をプロジェクトのcomposer.json設定ファイルに追加します。
それでは走ります
FontAwesome パッケージを Github からプロジェクトのローカルにプルします。
3. FontAwesome アセットバンドルを作成する
これらのライブラリを使用するには、プロジェクトの /assets ディレクトリに FontAwesomeAsset.php を作成する必要があります
4. ファイルを登録し、リソースを導入します
方法は2つあります。 1つ目は、このリソースパッケージを特定のページに導入したい場合です
2 番目に、Web サイト上でグローバルに導入するか、別のリソースの依存参照として使用します。これをプロジェクトのasset/AppAsset.phpに追加します:
ページを更新して、対応する css および js リソースが導入されているかどうかを確認します。