Typescriptアブソリュートモジュールパスが正しくコンパイルされない

Question

私は実際にtypescriptに新しいので、ここで何か不足しているか、概念を完全に理解していない可能性があります。 TSconfigのでは私はcompilerOptionsに次のように定義されています：私はroute_fileによってエクスポートされたモジュールをインポートする場合

+ server 
 
| + routes 
 
| | + util 
 
| | - config.routes.ts 
 
| - route_file.ts 
 
-tsconfig.json

：

{ 
 
    baseUrl: ".", 
 
    paths: { 
 
    "*": ["server/*"] 
 
    } 
 
}

は、次のディレクトリ構造を仮定すると、 config.routes.tsの.ts：

import * as routes from 'routes/route_file.ts';

活字体は問題なくパスを解決します。コンパイル済みのJSは、しかし、同じリテラルパスでモジュールを必要とします。パスは../route_fileあるべきなモジュールが検出されませんので

const routes = require('routes/route_file')

これは明らかに問題です。私のプロジェクトにはかなりのサブディレクトリがあり、可能ならば../../../から離れたいと考えていました。コンパイラにインポートファイルのディレクトリをチェックさせ、そのファイルに関連するrequireパスを更新する方法はありますか？

Answer 1

ここで問題となるのは、tsconfigはtypescriptコンパイラにタイプ情報を見つける場所だけを伝えることです。パスの解決はwebpackのようなバンドラーの仕事です。 JavaScriptを実行しているランタイムです。
webpackで作業している設定を見たい場合は、数週間前に設定した反応でサンプルをチェックすることができますhttps://github.com/kaoDev/react-ts-sample