我怎样才能让打字稿只编译需要的文件？

Question

这是XY problem；回答任何部分都可以。

X：我想从一个源代码树中生成多个包。我知道webpack supporting this，但恐怕我不能使用它。例如，我的路由器由一个或多个映射路由（字符串）到页面（组件）的映射提供。我将这些地图存储在单独的文件中，并根据需要进行注释导入和使用（我为我编写了一个简单的脚本）。

有没有更好的解决方案？

Y: 所以在构建 admin 包时，无法从 index.tsx 访问 user 页面。尽管如此，我还是得到了他们的打字稿错误。即使我创建了一个包含错误的新未使用文件，也会发生同样的情况。

如何避免编译未使用的文件？

---

我没有像我希望的那样在这里发布我所有的配置文件，在某个地方有一个简单的设置。我会在需要的时候做。单单这个名单就让我郁闷了：

.babelrc
.env
.eslintrc
.gitignore
config-overrides.js
package.json
tsconfig.json
tslint-imports.json

Answer 1

这是部分答案，但希望它会带您走向正确的方向。 Typescript 查看 tsconfig.json。假设您的启动来自 npm 脚本，您可以使用 --project 标志指定要使用的 tsconfig，例如 tsc --project tsconfig-1.json。

在你的 tsconfig.json 文件中，只包含入口文件，如

include: [
    "src/app/index.ts"
]

如果你有类似"src/**/*" 的东西，那么它将处理所有文件。但是如果您只指定入口文件，那么它将只处理该导入树中的文件。树由import/import() 语句定义。 require 可能会被区别对待，我不确定。

供参考：https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

如果要创建多个包，则需要运行多个 npm 脚本并拥有多个 tsconfig 文件，或者从命令行指定文件。