Webpack/Typescript with common my scripts

Question

我正在制作由3个子域组成的项目。每个都有自己的webpack配置，自己的IDE(PhpStorm(项目等等。对于每个子域，我都有共同的typescript脚本(我自己的 - 不是node_modules(。

我不想复制我的代码三次 - 我想使用一个来源。最好的方法是什么？我应该使用 npm 发布每个脚本吗？我不想这样。

如果我导入指向正确文件的脚本import {Mapa} from "../../../../www/assets/js/mapa/Mapa";它可以工作，但看起来非常丑陋。

编辑：我正在尝试tsconfig方法，但没有运气。这是我的 tsconfig 文件：

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

如果我像import {ExampleTest} from "Example/src/index";一样导入文件，则找不到模块。但是当我切换到import {ExampleTest} from "../../../../../libsJs/Example/src/index";所有作品时......可能出现什么问题？

Answer 1

您可以将本地路径用作 NPM 依赖项 (文档(。
或者，您可以创建符号链接以将共享文件夹添加到每个子项目中，这样它看起来就像是复制的一样。

编辑
还可以在每个子项目的tsconfig.json中使用rootDirs和paths，以使导入语句更漂亮。