1. 程式人生 > >yii按需載入靜態資源

yii按需載入靜態資源

自定義按需載入css,js檔案,並放在最後

1、模組下assets/appAsset.php中註冊兩個方法addCss和addScript。

//定義按需載入css方法,注意載入順序在最後  
public static function addCss($view, $cssfile) {  
    $view->registerCssFile($cssfile, [AppAsset::className(), 'depends' => 'frontend\assets\AppAsset']);  
}
//定義按需載入JS方法,注意載入順序在最後  
public static
function addScript($view, $jsfile) { $view->registerJsFile($jsfile, [AppAsset::className(), 'depends' => 'frontend\assets\AppAsset']); }

2、在檢視檔案末尾呼叫方法上面註冊的兩個方法,將css檔案或js檔案註冊到css或者js列表的末尾,實現按需載入

# css 註冊
$this->registerCssFile('@web/static/css/test.css', ['depends' => ['frontend\assets\AppAsset'
], 'position' => $this::POS_HEAD]); # js 註冊 $this->registerJsFile("@web/static/js/test.min.js", ['depends' => ['frontend\assets\AppAsset'], 'position' => $this::POS_END]);

3、在瀏覽器中檢視,該css,js檔案,是不是已經新增到css,js列表最後位置了。