javascript - How to use dynamic import in typescript with webpack application

Question

I have import some of my modules dynamically based on button click, i have used like below"

import { Button } from '@syncfusion/ej2-buttons';

// Initialize Button component.
let button: Button = new Button({ content: 'Button' });

// Render initialized Button.
button.appendTo('#element');

document.getElementById('element').addEventListener("click", function(){
  check();
});

async function check() {
import("@syncfusion/ej2-grids").then((Grid) => {
  debugger
  console.log(Grid);
});
}

Answer 1

The whole logic seems weird for me. If you use a module just import it and then use it under certain conditions or after event is triggered