2016-07-27 13 views
0

私は、Angular.jsを使用する必要があるカスタムモジュールが複数あるDrupal 8プロジェクトに取り込まれました。各モジュールに角度ファイルを提供する最良の方法は何ですか?Drupal 8同じカスタムJSライブラリを使用する複数のカスタムモジュール(角度など)

現在、各モジュールはgoogleapis.comでホストされているリモート角度ファイルをmy-module.libraries.ymlで参照しています。

my-module: 
    version: 1.x 
    js: 
    https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js: { type: external, minified: true } 
    https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-sanitize.min.js { type: external, minified: true } 
    js/my-module.js: {preprocess: false} 
    dependencies: 
    - core/jquery 
    - core/jquery.ui 
    - core/jquery.ui.accordion 

しかし、私は、ローカル角度のファイルをホストし、ちょうどjQueryのような依存関係として、それらを一覧表示することを好みます。

角型ファイルをモジュール自体に入れることができますが、各モジュールには独自のコピーが必要です。

適切な方法は何でも、私の目標はAngularファイルをローカルにホストし、Angularに依存する各モジュールからそれらを参照することです。

答えて

0

これを解決する最も簡単な方法は、/librariesフォルダをDrupalプロジェクトのルートに追加することです。使用している外部ライブラリごとにサブディレクトリを作成し、module.libraires.ymlファイルから参照してください。

たとえば、/libraries/angular/jsを作成し、そこにファイルを配置してから、以下のコードで/で開始して参照しました。

my-module: 
    version: 1.x 
    js: 
    /libraries/angular/js/angular.min.js: {} 
    /libraries/angular/js/angular-sanitize.min.js: {} 
    js/my-module.js: {} 
    dependencies: 
    - core/jquery 

ここで、プロジェクト内のどのモジュールも同じファイルを参照できます。

関連する問題