yii2 @bower无法从assetbundle文件中解析

cnvzmxcvmcx 发表于 Dev

cnvzmxcvmcx

Yii2应用程序将js文件移动到前端/资产中的AppAsset.php文件中。但是，@bower不会解析为别名。

namespace frontend\assets;

use yii\web\AssetBundle;

/**
 * @author Qiang Xue <[email protected]>
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [ 
        'css/site.css',
    ];  
    public $js = [ 
        'js/script.js',
        '@bower/angular/angular.min.js',
        '@bower/angular-ui-router/release/angular-ui-router.min.js',
        '@bower/angular-bootstrap/ui-bootstrap.min.js'
    ];  
    public $depends = [ 
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
        'yii\web\JQueryAsset',
    ];

}

浏览器在http：//localhost.lq/@bower/angular/angular.min.js上提供404

vitalik_74

您应该创建新资产并$sourcePath像这样设置代码

    class AngularAsset extends AssetBundle
    {
        public $sourcePath = '@bower/angular';
        public $js = [

            'angular.min.js',
        ];
        public $depends = [
        'frontend\assets\AppAsset',
        ];
    }

    class AngularRouterAsset extends AssetBundle
        {
            public $sourcePath = '@bower/angular-ui-router';
            public $js = [
                'release/angular-ui-router.min.js',
            ];
            public $depends = [
            'frontend\assets\AppAsset',
            ];
        }

class AngularBootstrapAsset extends AssetBundle
        {
            public $sourcePath = '@bower/angular-ui-router';
            public $js = [
                'release/ui-bootstrap.min.js',
            ];
            public $depends = [
            'frontend\assets\AppAsset',
            ];
        }
    class AngularAllAsset extends AssetBundle
            {
                public $sourcePath = '@bower/angular-ui-router';
                public $js = [
                    'js/script.js',
                ];
                public $depends = [
                'frontend\assets\AppAsset',
                'frontend\assets\AngularAsset',
                'frontend\assets\AngularRouterAsset',
                'frontend\assets\AngularBootstrapAsset',
                ];
            }