自定义按需加载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列表最后位置了。