Typescript - 如何在运行时解析内部模块

Question

从 main.ts 入口点运行的 bootstrapper.ts 看起来像这样（减去引用标题）：

import Dialogs = App.Widgets.Dialogs;
declare var $ : JQueryStatic;


export class Bootstrapper { 
    static SiteLoad() { 
       var dialog = new Dialogs.LoginDialog();
       ...
    }
}

但是，当 main.ts 尝试加载此文件时，第一行会立即引发引用错误。那时我意识到导入内部模块不会向生成的 .js 文件的 define 包装器添加任何依赖项。

那么我该如何在运行时解析内部模块呢？是不是 AMD 只兼容外部模块，而我必须在 main.ts 的入口点加载内部模块以及外部库？

我更喜欢内部模块的别名语法而不是外部模块。我上面的代码看起来比使用外部模块语法时干净得多：

import Dialogs = module("Modules/App.Widgets.Dialogs");
declare var $ : JQueryStatic;


export class Bootstrapper { 
    static SiteLoad() { 
       var dialog = Dialogs.App.Widgets.Dialogs.LoginDialog(); //Seriously?
       ...
    }
}

这太丑了。怎么办？

更新：

史蒂夫，您建议的方法有局限性。在我使用内部模块的原始方法中，我可以执行以下操作：

import Dialogs = App.Widgets.Dialogs;

declare var $ : JQueryStatic;

export class Bootstrapper { 
    static SiteLoad() { 

        var loginDialog1 = new Dialogs.LoginDialog();  //Instantiation      -OK
        var loginDialog2: Dialogs.LoginDialog;         //Type-Declaration   -OK
    }
}

在您建议的方法中，我失去了使用别名进行类型声明的能力：

import DialogsModule =  module("Modules/App.Widgets.Dialogs");

var Dialogs : DialogsModule.App.Widgets.Dialogs;

declare var $ : JQueryStatic;

export class Bootstrapper { 
    static SiteLoad() { 

        var loginDialog1 = new Dialogs.LoginDialog();   //Instantiation  -OK        
        var loginDialog2: Dialogs.LoginDialog;  //Type-Declaration -ERROR: The name "Dialogs" does not exist in the current context  
        var loginDialog3: DialogsModule.App.Widgets.Dialogs.LoginDialog;  //Must use full name instead
    }
}

Answer 1

您可以像这样为长模块路径起别名：

import DialogModule = module("Modules/App.Widgets.Dialogs");
var dialogs = DialogModule.App.Widgets.Dialogs;
declare var $ : JQueryStatic;

export class Bootstrapper { 
    static SiteLoad() { 
       var dialog = dialogs.LoginDialog();
       ...
    }
}

您可以通过自己包含适当的文件来将 AMD 与纯 JavaScript 混合使用 - 但我建议您选择一种模式在您的程序中使用以使事情更易于理解。