从 Typescript 编译中排除引用？

Question

我有一个奇怪的（但在我看来是明智的）场景。

我有一个网站、移动应用程序，也许还有一个用 Javascript 编写的网络服务器。我有大量的功能在所有这些系统之间共享。这种共享的东西可以是模型、存储库、业务逻辑等。

如果我们排除网络服务器位，因为这是一个未来的想法，网络应用程序的目录结构如下：

app
|- assets
|- models
|- services
|- migrations
|- view-models
|- views
|- descriptors

现在这些应用程序中的每一个都分为 2 个区域，核心和 ui 部分，核心是可重复使用的东西，例如 models, services, migrations，而 ui 东西仅用于包含 @987654326 的应用程序@（如果您想知道视图都是 html，资产是 css、图像等）。

在我采用 typescript 之前，我有一个构建脚本，它基本上可以将所有核心文件组合在一起并缩小它们。然后它将所有 UI 组合在一起并缩小它们。这样在移动应用程序中我就可以使用my-app.core.min.js 并且每个人都很高兴，我正在重用主 Web 应用程序中的所有可重用组件。但是我不需要 ui 的东西，因为移动 UI 与主 web ui 完全不同，而且 web 服务甚至不会有 UI。

所以！

解释完上下文后，让我们回到手头的 Typescript 问题。目前打字稿文件是由tsc.exe（0.83版）通过构建脚本编译的，它只是包装了交互。

所以在新的 Typescript 世界中，该结构现在有一个引用文件夹，如下所示：

app
|- assets
|- models
|- services
|- migrations
|- view-models
|- views
|- descriptors
|- references <- NEW ONE!

这个references 文件夹会被包含所有本地引用的构建脚本自动填充，因此它将在整个目录树中查找所有打字稿文件并构建一个巨大的引用文件，该文件是一个充满引用声明的文件本地打字稿文件，以了解有关查看此问题的更多信息：

Can you create Typescript packages? like c# dlls

所以现在当我运行构建脚本时，会发生以下步骤：

---

为核心编译

1. 在模型、服务、迁移文件夹和子文件夹中查找所有 *.ts 文件
2. 将所有以前的文件添加到一个数组中并添加参考文件
3. 使用类似tsc.exe --out <something>.core.js <previous_file_list> 的命令运行 tsc.exe

为 UI 编译

1. 在视图模型、描述符文件夹和子文件夹中查找所有 *.ts 文件
2. 将所有以前的文件添加到一个数组中并添加参考文件
3. 使用类似tsc.exe --out <something>.ui.js <previous_file_list> 的命令运行 tsc.exe

现在我希望这会输出 2 个文件 my-app.core.js，其中仅包含核心文件，以及一个 my-app.ui.js，其中仅包含 ui 文件。但是它们都包含所有内容...

现在想了想，这一定是由于引用，因为它们都引用所有文件，但是在我看来这只是一个编译依赖，而不是需要编译的东西输出的javascript。在 c#/java 中，您不会期望将引用的 dll/jar 编译到输出的 dll/jar 中，它只是一个必需的运行时依赖项。

我尝试过拥有 2 个单独的参考文件，一个用于核心，一个用于 ui，但由于 ui 将依赖于核心，所以我遇到了同样的问题，尽管至少这种方式 my-app.core.js 没有任何与 ui 相关的废话。

那么有没有办法获得引用但不将它们输出到生成的 javascript 文件中？

Answer 1

您可以通过为您的 TypeScript 文件生成定义文件来完成此操作：

tsc --declaration FileName.ts

在您的构建脚本中，为每个 TypeScript 文件执行此操作，并使用生成的 FileName.d.ts 作为参考而不是 FileName.ts

我有以下文件：

-BusinessObjects
--Product.ts
--Customer.ts
--Order.ts
--BusinessObjects.d.ts

BusinessObjects.d.ts 如下所示：

/// <reference path="Customer.d.ts" />
/// <reference path="Order.d.ts" />
/// <reference path="Product.d.ts" />

Product、Customer 和 Order 各有一个对 BusinessObjects.d.ts 的引用

当我跑步时：

tsc --out combine.js Customer.ts Order.ts

输出仅引用客户和订单，不包括产品。当我直接在 BusinessObjects.d.ts 文件中引用 *.ts 文件时，组合输出确实包含不需要的文件。