먼저 backendassetsAppAsset.php 파일을 열어서 내용을 살펴보겠습니다. 정말 고급스러워서 전혀 이해할 수 없을 것 같았습니다. 어쨌든, 주제로 돌아가서, 우리는 확장할 시간을 가져야 합니다.
AppAsset 클래스에 두 개의 정적 메소드를 추가했습니다. AppAsset 클래스의 전체 버전은 다음과 같습니다.
namespace backend\assets;
use yii\web\AssetBundle;
/**
* @author Qiang Xue <qiang.xue@gmail.com>
* @since 2.0
*/
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',
];<br> //定义按需加载JS方法，注意加载顺序在最后
public static function addScript($view, $jsfile) {
$view->registerJsFile($jsfile, [AppAsset::className(), 'depends' => 'backend\assets\AppAsset']);
}
//定义按需加载css方法，注意加载顺序在最后
public static function addCss($view, $cssfile) {
$view->registerCssFile($cssfile, [AppAsset::className(), 'depends' => 'backend\assets\AppAsset']);
}
}
먼저 추가된 addScript 및 addCss의 기능에 대해 이야기하겠습니다. 의도는 위에서 언급했듯이 $this->registerJsFile 메소드를 직접 사용하여 뷰 레이어에 파일을 등록하는 것은 권장하지 않습니다. 여기서는 앞으로는 뷰 레이어에서 이 메소드를 직접 호출하게 됩니다. 파일을 등록합니다.
그럼 이게 왜 좋은 걸까요? 이점은 매우 분명합니다. 이 메서드를 호출하면 각 등록 파일의 종속성을 채우지 않아도 되므로 매우 편리합니다.
등록해야 하는 파일은 우리에게 꼭 필요한 yii.js 및 bootstrap.js 파일 뒤에 있다는 점에 유의해야 합니다.
이런 식으로 다음과 같이 번거로운 작업 대신
use backend\assets\AppAsset;
AppAsset::register($this);
AppAsset::addScript($this,'/css/main.js');
