Typescript: dynamically import classes

Question

i like to dynamically import a Typescript Class. I got everything running with the new dynamic function import but how do a dynamic class import?

i have a somehow dirty hack, which looks so:

// main.ts
async function main2() {
    const G = './test1'
    const TASK_IMPORT_FUNCTION = await import(G)
    const TASK_CLASS = TASK_IMPORT_FUNCTION.getTask()
    const TASK = new TASK_CLASS(__dirname)
    const R_TASK = TASK.run()
}
main2()

// test1.ts
export class Task {
    constructor(inputCwd: string) {}
    // ...
}

export function getTask() {
    return Task
}

So my question is: How can i get rid of the getTask() function and import the class directly in a dynamic way?

Solution

// main.ts
async function main2() {
    const TASK_IMPORT = await import(G)
    const TASK_CLASS = TASK_IMPORT.Task
    const TASK = new TASK_CLASS(__dirname)
    const R_TASK = TASK.run()
}
main2()

What happens if you just write const TASK_CLASS = TASK_IMPORT_FUNCTION.Task? — Matt McCutchen
– Matt McCutchen, Commented Aug 15, 2018 at 4:29

paliz · Accepted Answer · 2021-09-14 21:16:07Z

3

do like me

const x = (async () => {
  
  let file = "./v";

  const f = await import( file);
  return f;
})().then(f => {
  
  const s = new f.default();
  s.run();
})
  .catch(error => {
    // Handle/report error
    console.error(error);
  });

here class

export  default class V{
  constructor() {

  }
  run(){
    console.log("fire");
  }
}

answered Sep 14, 2021 at 21:16

paliz

3632 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

PIoneer_2 Over a year ago

A like for the new f.default() string. It will get the class instance using in a JS default way. But a dislike to the chaining notation with async/await. A success on await will step into the next statement if it is OK. Or will throw otherwise.

jh314 · Accepted Answer · 2018-08-15 04:30:30Z

2

Assuming Task class is in task.ts, you can use dynamic import:

const task = await import("./task");

when you need to import.

answered Aug 15, 2018 at 4:30

jh314

27.9k16 gold badges66 silver badges83 bronze badges

Collectives™ on Stack Overflow

Typescript: dynamically import classes

Solution

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Solution

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related