javascript - 从 Typescript 编译中排除引用？

Question

我有一个有点奇怪的(但在我看来是合理的)场景。

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

如果我们排除 Web 服务器位，因为这是 future 的想法，Web 应用程序的目录结构如下:

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

现在每个应用程序都分为 2 个区域，核心和 ui 部分，核心是可重用的东西，例如 models, services, migrations并且 ui 内容仅用于包含 view-models, descriptors 的应用程序(如果您想知道 View 都是 html 而 Assets 是 css、图像等)。

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

所以!

在解释了上下文之后，让我们跳回手头的 Typescript 问题。目前 typescript 文件由 tsc.exe 编译(版本 0.83)通过构建脚本，它只是包装交互。

因此在新的 Typescript 世界中，结构现在有一个引用文件夹，如下所示:

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

这references文件夹由包含所有本地引用的构建脚本自动填充，因此它将遍历整个目录树以查找所有 typescript 文件并构建一个巨大的引用文件，这是一个充满本地 typescript 文件的引用声明的文件，以找出更多关于我在看这个问题的信息:

Can you create Typescript packages? like c# dlls

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

---

为核心编译

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

为 UI 编译

1. 在 View 模型、描述 rune 件夹和子文件夹中找到所有 *.ts 文件
2. 将之前的所有文件添加到一个数组中，并添加引用文件
3. 用这样的命令运行 tsc.exe tsc.exe --out <something>.ui.js <previous_file_list>

现在我期待它输出 2 个文件 my-app.core.js其中仅包含核心文件，以及一个 my-app.ui.js其中仅包含 ui 文件。然而，它们都包括一切......

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

我尝试过使用 2 个单独的引用文件，一个用于核心，一个用于 ui，但是由于 ui 将取决于核心，我遇到了同样的问题，尽管至少是这样 my-app.core.js没有任何与用户界面相关的废话。

那么有没有一种方法可以获取引用但不将它们输出到生成的 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 文件时，组合输出确实包含不需要的文件。