php - yii2 @bower が assetbundle ファイルから解決されない

Question

Yii2 アプリケーションは、js ファイルを frontend/assets の AppAsset.php ファイルに移動しました。ただし、@bowerエイリアスに解決されません。

namespace frontend\assets;

use yii\web\AssetBundle;

/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @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 を返している

Answer 1

新しいアセットを作成し$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',
                ];
            }