npmパッケージのAngular2コンポーネントtemplateUrl

Question

npmモジュールでよく使用されるコンポーネントを記述していますが、templateUrlを参照する最も良い方法は何か分かりませんが、動作していますがnode_modulestemplateUrlでは、となります。これは、node_module direcotryの名前を変更できるためです。

他の作業方法がありますか？例えば

：私はモジュールをロードするためにsystemjsを使用"npm:my-commons-ts/my-commons/components/BootstrapAlert/BootstrapAlert.html"

@Component({ 
    selector: "bs-alert", 
    templateUrl: "node_modules/my-commons-ts/my-commons/components/BootstrapAlert/BootstrapAlert.html", 
}) 
export class BootstrapAlertComponent { 

    public errors: DisplayMessage[] = []; 
    public successes: DisplayMessage[] = []; 
    public warnings: DisplayMessage[] = []; 
    public infos: DisplayMessage[] = []; 

    @Input() 
    public bcn: string = null; 

    ... 
} 

。

Answer 1

テンプレートはSystemJS経由でロードされないため、マッピングは使用できません。

../BootstrapAlert/BootstrapAlert.htmlのような相対パスを使用でき、 gulpのような特定のビルドツールのテンプレートインライナがあることに注意してください。