YII2在視圖中引入js/css文件

在你的視圖文件裏面加如下代碼

單獨引入

<?=$this->registerJsFile("@web/js/jquery.form.js"); ?>

這種出來的效果我們可以在頁面右擊查看源代碼

<script src="/js/jquery.form.js"></script>
<script src="/assets/86012a1e/jquery.js"></script>
<script src="/assets/a01776c1/yii.js"></script>
<script src="/assets/a01776c1/yii.validation.js"></script>
<script src="/assets/a01776c1/yii.activeForm.js"></script>
<script src="/assets/a8b534f2/js/bootstrap.js"></script>

很顯然這樣如果你要依賴jquery的話，這種方式就不起作用了。

依賴引入

<?=$this->registerJsFile("@web/js/jquery.form.js",['depends'=>  'frontend\assets\AppAsset',]); ?>

這種方式出來的效果

<script src="/assets/86012a1e/jquery.js"></script>
<script src="/assets/a01776c1/yii.js"></script>
<script src="/assets/a01776c1/yii.validation.js"></script>
<script src="/assets/a01776c1/yii.activeForm.js"></script>
<script src="/js/jquery.form.js"></script>
<script src="/assets/a8b534f2/js/bootstrap.js"></script>

YII會自動判斷依賴的先後順序。這樣就搞定了。