Yii2框架的Assets资源包的使用

assets目录
类继承自:
yii\web\AssetBundle

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
//资源文件,并且可以web访问的目录
    //public $sourcePath 资源路径 当资源不再web可以访问的路径中时候,该值设置后,basePath 和 baseUrl都不需要再设置
//且发布时候 会把资源copy一份到assets里面
    public $basePath = '@webroot';
    //根域名
    public $baseUrl = '@web';
    //CSS资源
    public $css = [
        'index/css/main.css'
    ];
    //JS资源
    public $js = [
        'index/js/scripts.js',
        [
            'index/js/html5shiv.js','condition'=>'ELT IE9','position'=>\yii\web\View::POS_HEAD
        ],
        [
            'index/js/respond.min.js','condition'=>'ELT IE9','position'=>\yii\web\View::POS_HEAD
        ]
    ];
    //该资源包依赖的其它资源包
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
        'yii\bootstrap\BootstrapPluginAsset'
    ];
 
//    jsOptions 加载JS的条件
//public $jsOptions=['position'=>\yii\web\View::POS_HEAD]
//    cssOptions 加载CSS的条
//public $cssOptions=['noscript'=>true]

按需加载:当某些JS 或者 CSS 以及片段只在某些页面使用时可以通过下面的方法实现按需加载

1
2
3
registerJsFile('JS文件',['opsition'=>'位置',depends='yii\web\YiiAsset'])
registerCssFile()
$js=<<

优势:资源管理按需加载,解决资源间依赖,一键安装前端插件,管理方便

使用方法:

第一步:在layout中 进行注册
\app\assets\AppAsset::register($this);
第二步:
layout 使用

1
2
3
4
<?php $this->beginBody();?
body内容
<?php $this->endBody();?
<?php $this->endPage();?

对资源组件资源进行压缩(http://www.yiiframework.com/doc-2.0/yii-web-assetmanager.html)

在配置文件中

'yii\web\JqueryAsset'=>[
    'js'=> [
        YII_ENV_DEV ? 'jquery.js' : 'jquery.min.js'
    ]
]

 

未经允许不得转载:开心乐窝-乐在其中 » Yii2框架的Assets资源包的使用

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏