yii按需載入靜態資源
阿新 • • 發佈:2018-12-08
自定義按需載入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列表最後位置了。