TypeScriptコンパイラに非相対モジュールを探す場所を教えてください

Question

私の.tsファイルをコンパイルするのにts-loaderとWebpackを使用しています。

resolve: { 
    modulesDirectories: ['shared', 'node_modules'] 
} 

これは、私は完全な相対パスをスペルアウトすることなく、共有ディレクトリに住んでいるコンポーネントをインポートすることができます：私のWebPACKの設定では、私は以下の構成を有しています。例： import Button from 'components/Button'

Webpackは、sharedディレクトリを探してディレクトリツリーを歩いて行きます。この方法では、コンポーネントは../../shared/components/Buttton.tsxに存在し、Webpackはそれを見つけてバンドルします。

これはすべて正常に動作しますが、エディタ（サブライムとVSコードの両方）にエラーが発生しています。また、コマンドラインからtscコマンドを実行すると、TSコンパイラがこれらのモジュールの解決方法を知らないため、コンパイラエラーが発生します。

sharedディレクトリのコンポーネントを再帰的に探すようにTSコンパイラに指示する方法はありますか？私は新しいBaseUrlとpaths設定オプションに気づいたが、私が正常にそれらを使用することができませんでしたTS 2.1V

使用しています

。

Answer 1

再帰的に共有ディレクトリ

ない再帰的

で部品を探すためにTSのコンパイラに指示する方法はあります。しかし、 pathsマッピングを使用して1つのレベルに進むことができます。