TypeScriptのTypeScriptライブラリを使用する

Question

単純なTypeScriptライブラリを作成し、異なるTypeScriptサンプルプロジェクト内からテストしようとしているので、AMDを含むさまざまなモジュール形式でTypeScriptからライブラリを使用できることを確認して示します。

ライブラリのために、私はUMDコードにコンパイルしており、宣言ファイルとともにそれを "build"ディレクトリに出力します。これについては後でpackage.jsonファイルから参照してください。そのような：

tsconfig.json

{ 
    "compilerOptions": { 
     "module": "umd", 
     "outDir": "build", 
     "declaration": true, 
     ... 
    }, 
    ... 
} 

package.json

{ 
    "main": "build/index.js", 
    "types": "build/index.d.ts", 
    ... 
} 

これは、ライブラリが複数のファイルの化合物であることを言及する価値がある、とindex.jsことを単純に接着されますそれらの異なる部分を一緒にして、それらを単一のエントリーポイントを通して公開する。

サンプルプロジェクトの1つでは、私の目標はAMDコードにコンパイルし、RequireJSを使用して結果を理解することです。私はTypeScriptコードを書くことができます、コンパイラはすべてのインポートに満足しており、エディタ（VSコード）は自動補完を適切に提供します。ただし、コンパイルされたコードには、依存関係の1つである上記のライブラリのコードは含まれていません。また、ブラウザでコードを実行すると、RequireJSはライブラリをロードできません。ここでは、このプロジェクトが設定されている方法です。

tsconfig.json

これにより

{ 
    "compilerOptions": { 
     "module": "amd", 
     "outFile": "build/app.js" 
    }, 
    ... 
} 

index.htmlを

... 
    <script src="node_modules/requirejs/require.js"></script> 
    <script src="build/app.js"></script> 
    <script> 
     require(['main']) 
    </script> 
... 

、RequireJSは/ライブラリー」からライブラリをロードしようとしています-name.js "、もちろん存在しません。

私はどのように進むべきかについてはかなりわかりません。

Answer 1

RequireJSがライブラリを見つけるためには、RequireJS構成を提供する必要があります。どちらか、またはライブラリを、RequireJSがデフォルトで検索する場所に移動する必要があります。どちらも可能なオプションです。

require.config({ 
    paths: { 
    "library-name": "/node_modules/library-name/build/index", 
    }, 
}); 

私が想定しました：開発サーバーはおそらくlibrary-nameがインストールされているあなたの例のプロジェクトのためのnode_modulesを、提供するために発生した場合

はたとえば、あなたはこのような構成を使用することができますnode_modulesは、開発サーバーによって確立されたサイトのルートから提供されます。パス内に.jsという拡張子がない場合は間違いではありません.ExpitJSが追加するため、.jsを入力しないでください。

Answer 2

他のものの中でこの他の質問の助けを借りて、私はそれを持っていると思う：RequireJS relative paths。

だから、基本的に私はこのようにRequireJSを設定する必要がありました：私は唯一のインデックスファイルへのパスが含まれている場合、

require.config({ 
    packages: [{ 
     name: 'module-name', 
     location: 'node_modules/module-directory/build', 
     main: 'index' 
    }] 
}) 

それ以外の場合は、インデックスで使用されるすべての相対パスは、ルート、に関連して解決を取得されかなり愚かですが、OK ...

TypeScript（2.6.2）コンパイラのbaseUrlとpathsオプションは役に立ちませんでした。実際、コンパイルされたコードはまったく同じに独立していましたそれらのフィールドが満たされているかどうか（私は、RequireJSがloadinを助けたのと同じ値をそれらのために使用しようとしましたgインデックスファイル）。

編集

誰かが興味を持っている場合は、ここで私はSystemJSと同じ場合に必要な設定は次のとおりです。

SystemJS.config({ 
    paths: { 
     'module-name': 'node_modules/module-directory/build/index' 
    }, 
    packages: { 
     '': { 
      defaultExtension: 'js' 
     } 
    } 
})