本篇文章為大家展示了Yii2中的FontAwesome 字體資源怎么利用 Composer 添加 ,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
一、初始化項目
通過 Composer 來初始化
php composer.phar create-project --prefer-dist --stability=dev yiisoft/yii2-app-basic basic
然后開始碼代碼,Model Controller View 神馬的,此處按下不表。
二、安裝 FontAwesome
終于,你的項目發展到需要引用第三方庫了,我們仍然通過 Composer 來安裝。搜索packagist.org官方的包列表,我們找到了 FontAwesome 的配置。將 FortAwesome/Font-Awesome": "*" 添加到項目的 composer.json 配置文件里。
// ...
"require": {
"php": ">=5.4.0",
"hybridauth/hybridauth": "dev-master",
"FortAwesome/Font-Awesome": "*", // <- 這里
"yiisoft/yii2": "*",
"yiisoft/yii2-swiftmailer": "*",
"yiisoft/yii2-bootstrap": "*",
"yiisoft/yii2-debug": "*",
"yiisoft/yii2-gii": "*"
},
// ...然后運行
php composer.phar update
從 Github 上拉取 FontAwesome 的包到項目本地。
三、創建 FontAwesome 資源包(asset bundle)
為了使用這些庫,我們需要在項目的 /assets 目錄下創建一個 FontAwesomeAsset.php
namespace assets;
use yii\web\AssetBundle;
class FontAwesomeAsset extends AssetBundle
{
// 下面這些資源文件并不在 web 目錄下,瀏覽器無法直接訪問。所以我們需要
// 指定 sourcePath 屬性。注意 @vendor 這個 alias,表示 vender 目錄
public $sourcePath = '@vendor/fortawesome/font-awesome';
public $css = [
'css/font-awesome.css',
];
}四、注冊文件,引入資源
有兩種方法。第一種,當你想在某一個特定頁面引入這個資源包
// 這兩句直接寫在那一頁的 view 里 use assets\FontAwesomeAsset; FontAwesomeAsset::register($this);
第二種,在你的網站全局引入,或者將其作為另一個資源的依賴引用。在項目的 asset/AppAsset.php 中加上它:
class AppAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/site.css',
];
public $js = [
];
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapAsset',
// 在這里加上我們的 FontAwesomeAsset 包類
'assets\FontAwesomeAsset'
];
}上述內容就是Yii2中的FontAwesome 字體資源怎么利用 Composer 添加 ,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。