is it possible to use the `import()` function for dynamic imports? <https://developer.mozilla.org/en...

# javascript

[bj0]

is it possible to use the import() function for dynamic imports? https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#Dynamic_Imports

[gildor]

Yes, you can do that, just use external declaration

You need something like (not sure that code is correct)

external fun <T> import(path: String): Promise<T>

[bj0]

Oh ok, I was trying to use js() and was getting "javascript syntax error"

[bj0]

I'll have to test it out, but do you know if this lets webpack split the code so it can be loaded on demand?

[bj0]

Ok I tried defining the external import like you posted and when I try to build I get syntax error

[bj0]

(in the javascript)

[gildor]

any error messages?

[gildor]

what is in compiled code?

[gildor]

Also, what kind T of generic did you use?

[gildor]

Ahhh

[gildor]

I see what you mean

[gildor]

If I try to run DCE I also getting syntax error

[gildor]

but it compiles without it

[gildor]

looks like a compiler bug

[gildor]

I created an issue about this DCE bug
https://youtrack.jetbrains.com/issue/KT-28523

[bj0]

Ah ok, nice find. I was applying the DCE plugin

[bj0]

I got a chance to finally run some tests, even though it compiles with DCE plugin disabled, the import statements fail with "Cannot find module", even though they are included in package.json