yii2引入js和css

浏览数：72 / 时间：2015年06月09日

assets/AppAsset.php

public $css = [
    ‘css/site.css‘,
    ‘css/font/css/font-awesome.min.css‘,
    ‘css/doc.css‘,
];
public $js = [
    ‘js/core/app.js‘,
];
布局文件中有
AppAsset::register($this);

http://www.yiichina.com/question/344

http://www.yiichina.com/topic/5604

//输出url

以上等同于

//注册css

①css代码

<?php

　　$css=<<<CSS

　　.title{

　　　　color:blue;

　　　　}

　　CSS;

$this->registerCss($css,View::POS_END); //注册css代码 ,并置于最后面,避免被覆盖

②注册css样式文件

<?php

　　$this->registerCssFile(‘@web/css/mystyle.css‘);

//注册js

①js代码

<?php

$js=<<<JS

　　alert(123);

　　JS;

　　$this->registerJs($js,View::POS_HEAD); //注册JS代码 ,并置于最前面

② js文件

<?php

　　$this->registerJsFile(‘@web/js/myJs.js‘)

参考：http://www.cnblogs.com/sheapchen/p/3939767.html

解决引入顺序：

use app\assets\AppAsset;
use yii\bootstrap\BootstrapAsset;

AppAsset::register($this);

$this->registerCssFile("@web/css/login.css",[
‘depends‘=>[BootstrapAsset::className()]
]);

关键是depends,参考：http://www.yiiframework.com/doc-2.0/guide-output-client-scripts.html

The option depends is specially handled. It specifies which asset bundles this CSS file depends on. In this case, the dependent asset bundle is BootstrapAsset. This means the CSS file will be added afterthe CSS files in BootstrapAsset.

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

yii2引入js和css