Yii2 How to add parameters to script tag

Question

The JS assests that gets renders looks like this:

<script src="/assets/a00ccd3f/jquery.min.js"></script>

I need to add the async="async" tag to it.

so it should look like

<script src="/assets/a00ccd3f/jquery.min.js" async="async" ></script>

How can i do this?

Answer 1

In your own AssetBundle you can add

public $jsOptions = [
    'async' => 'async',
];

If you want to add this to the Yii2 JqueryAsset bundle (or some other bundle) you can add it to the components parts of your config:

'assetManager' => [
    'bundles' => [
        'yii\web\JqueryAsset' => [
            'jsOptions' => [
                'async' => 'async'
            ],
        ],
    ],
],

Answer 2

like this

<?php
/**
* @link http://www.yiiframework.com/
* @copyright Copyright (c) 2008 Yii Software LLC
* @license http://www.yiiframework.com/license/
*/
namespace frontend\assets;
use yii\web\AssetBundle;
class ThemeCustomAsset extends AssetBundle
{
public $basePath    = '@webroot';
public $baseUrl     = '@web';
public $css = [];
public $js = [
    "js/lazysizes.min.js"
];
public $depends = [
    #'yii\web\YiiAsset',
    #'yii\bootstrap\BootstrapAsset',
];
public $jsOptions = ['async' => 'async'];
}