使用js require键入脚本和缩放

Question

现在在示例中，我看到你可以在main.ts中使用require。浏览器在一次可以进行多少次呼叫时会出现规模问题。

我想用MVC或MPV结构构造代码。然后每个模块将注入需要的js文件。

如果我们有300个ts文件。如何构建项目，以便模块可以在需要时注入所需的js文件而不是all / app.ts中的所有文件？

提前感谢您的时间

Answer 1

您可以使用requirejs定义轻松地在TypeScript中执行此操作：https://github.com/borisyankov/DefinitelyTyped/tree/master/requirejs

示例：

require(['lazyLoad'], (lazyLoadedModule: any) => {
    // Use your lazyLoadedModule here.
});

与AMD结合：正常导入，但不要将导入的变量用于除类型信息之外的任何内容：

import lazyLoadModule = require('./lazyLoad');
if (needZipValidation) {
    require(['./lazyLoad'], (lazyLoad: typeof lazyLoadModule) => {
        if (lazyLoadModule.somethingETC('...')) { /* ... */ }
    });
}