How to import external modules inside of a loop in TypeScript?

Question

I am trying to import "ui" inside of the loop (for dynamic loading based off of _moduleList. This works fine:

var _moduleList: Array<string>;
_moduleList.push("mdlGame");
import _tmp = require("ui");
for (var _i: number = 0; _i < _moduleList.length; ++_i) {

}

Whereas this displays a red squiggly line underneath import, saying "Unexpected token; 'statement' expected.":

var _moduleList: Array<string>;
_moduleList.push("mdlGame");
for (var _i: number = 0; _i < _moduleList.length; ++_i) {
    import _tmp = require("ui");
}

Does import not count as a statement? What is going on here, and is there a way I can work around it?

Answer 1

Time went by but OP's problem feature persists.

However, I just found a partial workaround (using the namespace import pattern), like in this example.

I was importing an index.ts file, written like this:

    import { A } from './some/a';
    import { B } from './some/other/b';
    export { A, B };                     // you'll save this list
    export const LIST: any[] = [ A, B ]; // and this other too

Saving those two lists was my purpose, because they were long tens of items each and kept growing.

• modules.ts

  export { A } from './some/a';
  export { B } from './some/other/b';
  

• list.ts

  import * as modules from './modules';
  export const LIST: any[] = Object.keys(modules).map(key => modules[key]);
  

• index.ts

  export * from './modules';
  export * from './list';
  

All works as expected and it's totally DRY.