YII2 在 bootstrap.js 之前调用 jquery-ui 代码

Question

这是我的 Assets 代码..

public $js = [
    'js/jquery-ui.min.js',
    'js/app.min.js',

];

我在 View 文件中使用了一些小部件...这里是 js 文件的顺序。我想要的是在 bootstrap.js 之前调用 jquery-ui.js .. 怎么做？？

Answer 1

在 Bootstrap 之后放置 jQuery UI 没有任何意义，因为它们根本不相互依赖。但是为了在另一个包之前包含包，您应该向相关包添加依赖项。

对于自定义 Assets 包，您可以这样写:

$depends = [
    // Write classes of dependent asset bundles here, for example:
    'yii\jui\JuiAsset',
];

但是因为 Bootstrap 是内置 Assets ，你不能那样修改它。相反，您可以通过 Assets 管理器的配置全局设置它:

return [
    // ...
    'components' => [
        'assetManager' => [
            'bundles' => [
                'yii\bootstrap\BootstrapAsset' => [
                    'depends' => [                  
                        'yii\jui\JuiAsset',
                    ];
                ],
            ],
        ],
    ],
];

或者在渲染 View 之前在一个特定的地方设置依赖项:

Yii::$app->assetManager->bundles['yii\bootstrap\BootstrapAsset'] = [
    'depends' => [                  
        'yii\jui\JuiAsset',
    ];
],

官方文档:

Customizing built-in asset bundles

Asset Manager

yii\web\AssetBundle $depends