一般的なスクリプトを使ったWebpack/Typescript

Question

私は3つのサブドメインからなるプロジェクトを作っています。すべてが独自のwebpack設定、独自のIDE（PhpStorm）プロジェクトなどを持っています。 サブドメインごとに共通のtypescriptスクリプトがあります（自分自身ではなくnode_modules）。

私のコードを3回コピーしたくないです - 私は1つのソースを使いたいと思います。 そのための最良の方法は何ですか？ npmを使用してすべてのスクリプトを公開する必要がありますか？私はそれを望んでいない。

正しいファイルimport {Mapa} from "../../../../www/assets/js/mapa/Mapa";を指しているスクリプトをインポートすると、動作しますが、非常に醜いです。

編集： 私はtsconfigという方法で運がないとしています。私はモジュールが見つからない取得import {ExampleTest} from "Example/src/index";のようなファイルをインポートする場合

{ 
    "compilerOptions": { 
    "module": "commonjs", 
    "target": "es5", 
    "sourceMap": true, 
    "allowJs": true, 
    "typeRoots": [ 
     "node_modules/@types" 
    ], 
    "baseUrl": ".", 
    "paths": { 
     "*": [ 
     "C:\\strony\\www\\libsJs\\*" 
     ] 
    } 
    }, 
    "exclude": [ 
    "node_modules" 
    ] 
} 

： はここに私のTSconfigのファイルです。しかし、私はimport {ExampleTest} from "../../../../../libsJs/Example/src/index";にすべての作品に切り替えると... 何が問題になることができますか？

Answer 1

ローカルパスはNPM依存関係（docs）として使用できます。
シンボルリンクを作成して、各サブプロジェクトに共有フォルダを追加して、コピーされたかのように表示することができます。

EDIT
これは、import文をきれいにするために、各サブプロジェクトのtsconfig.jsonにrootDirsとpathsを使用することも可能です。