Dynamically import module in TypeScript

Question

What is the TypeScript way of loading modules dynamically (path to the module is known at runtime)? I tried this one:

var x = "someplace" import a = module(x) 

But it seems that TypeScript compiler would like to see path as a string in import/module at compile time:

$ tsc test.ts  /tmp/test.ts(2,19): error TS1003: Identifier expected. /tmp/test.ts(2,20): error TS1005: ';' expected. 

I know I can for example directly use RequireJS (if I use amd module format), but that doesn't feel right to me - it's solution for one particular library.

Answer 1

ES proposal dynamic import is supported since TypeScript 2.4. Document is here.

import function is asynchronous and returns a Promise.

var x = 'someplace'; import(x).then((a) => {   // `a` is imported and can be used here }); 

Or using async/await:

async function run(x) {   const a = await import(x);   // `a` is imported and can be used here }