必要なjsを持つユーティリティjsの角2

Question

要件js、Jqueryで構築されたアプリケーションがあります。ここで、アプリケーションの画面の1つに角度2を追加します。私はangular2を使用していくつかの例を試しました。

私はこれをアプリケーションに統合する予定です。そこで、下記のリンクごとのように、私たちはangular2でsystem.jsの代わりrequire.js https://github.com/angular/angular/issues/5412

を使用する必要があります。しかし、その場合には、私はそれが様々な画面で使用されるように、私は変更を傾けるいくつかのユーティリティのjsを持っていました。ユーティリティjsには構文が必要です

define(['jquery','misc','utils','common','screenUtils'], 
    function(jQuery, misc,utils,common,screenUtils) { 
    //Public function goes here. 
return publicFunctions; 
} 
); 

この場合、新しい角度2コンポーネントに依存性を追加する方法を教えてください。私はangular2に慣れていないし、ユーティリティjにrequireを注入する方法も知らない。

import {Component} from '@angular/core'; 

@Component({ 
    selector: 'animate-app', 
    templateUrl: 'ts-src/animate.tpl.html', 
    host: {'class' : 'ng-animate page2Container'} 
}) 
export class AnimateComponent{ 
} 

アドバイスをしてください。

Answer 1

JSファイルをSystemJSに設定できると思います。ローダーは、System、CommonJS、AMDなどのさまざまなモジュールフォーマットをサポートしています。ここで

はサンプルです：

System.config({ 
    map: { 
    yourlib: 'path-to/lib.js' 
    } 
}); 

その後、あなたは、この方法でインポートあなたのlibことができるようになります。

import * as yourlib from 'yourlib'; 

または

import {test} as yourlib from 'yourlib'; 

は（サンプルとしてこのplunkrを参照してください。 lib.js、config.js、src/app.js）：https://plnkr.co/edit/nRaO0c4Qmr3KUcFhVHbq?p=preview。