如何包含/不包含打字稿文件

Question

我們有一個項目，它是一個獨立的javascript控件集合。 我們在該項目中使用typecript，並啟用了“將JavaScript輸出合並到文件中”。 可以想象，最終它將編譯為一個相當大的JS文件。

然后，我們在應用程序所在的地方有了一個單獨的項目-它通過JS文件引用了上述項目中的某些控件。

我的問題是：最好的方法是只包含我們項目中所需的控件，以便包含JS文件的大小。 我們只想為所需的控件包含JS。 我是否被迫“不合並”並包含單個JS-還是有更好的方法將“特定”打字稿文件獨立合並為一個文件。

Answer 1

如果您有大量可選組件，請考慮切換到AMD模塊。 這使您可以按需加載模塊，並且是為了解決您所描述的問題而發明的。

如果當前有內部模塊，則可以通過添加export語句將其轉換為外部模塊。 例如，此內部模塊：

module MyInternalModule {
    export class Example {

    }
}

可以通過添加以下代碼行將其轉換為外部模塊：

module MyInternalModule {
    export class Example {

    }
}

export = MyInternalModule;

然后，可以在需要時使用import語句加載它：

import GiveItAnAlias = require('./MyInternalModule');

（您不要在該路徑中放入.ts ）。

您將需要向編譯器提供模塊標志（或者，如果您使用的是Visual Studio，請更改項目設置）：

tsc --module amd app.ts

現在，您可以構建模塊的集合，並根據需要異步加載它們。