2016-12-15 13 views
2

単純な道路ブロックです。私はいくつかのサービスでリーフレットとリーフレット - ドロープラグインを使用する必要があります。同じ名前空間で別のモジュールを拡張するモジュールをインポートする方法

私はあまり好きではない解決策を持っている

// the core 
import * as L from 'leaflet'; 
// extension 
import 'leaflet-draw'; 

export class LeafletConsumerService {} 

完全なモジュール(コアおよびプラグイン)をインポートする方法がわかりません。私はこれを行うことができます他の方法がない

/// <reference path="../typings/index.d.ts" /> 

export class LeafletConsumerService {} 

タイピングファイルに私は index.htmlにハードリンクしてことでライブラリをロードし、消費者は単に参照宣言を持っていますか?既に読み込まれたモジュールに副作用を引き起こすはずのファイルをインポートする方法はありますか?

答えて

1

いいえ、すばやく汚れた解決策です。この回答は、quickstart repoからプロジェクトを開始した場合に機能します。これは

import 'your-leaflet-extension'; 

を説明するように、我々は今、このような

import * as L from 'leaflet'; 

としてリーフレットをインポートして、私たちの対応の拡張ファイルを追加することができることを意味

System.config({ 
    map: { 
     'leaflet': 'npm:leaflet/dist/leaflet.js' 
    }, 
    packages: { 
     leaflet: { 
      defaultExtension: 'js' 
     }, 
    } 
}); 

:のようなあなたの設定を拡張後藤system.config.extras.jsと拡張機能のタイプ情報を拡張することを忘れないでください(入力ファイルを使用するか、自分で作成する)

関連する問題