如何让打字稿只编译需要的文件？

Question

这是一个XY 问题；回答任何部分都可以。

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

有更好的解决方案吗？

Y：因此，在构建管理包时，无法从. 尽管如此，我还是收到了他们的打字稿错误。即使我创建一个包含错误的新的未使用文件，也会发生同样的情况。index.tsx

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

---

我不会像我希望的那样在这里发布我的所有配置文件，某处有一个简单的设置。需要的时候我会做的。仅凭这个清单就让我沮丧：

.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()。

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

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