What is the current way to work with JS library im...

# javascript

[altavir]

What is the current way to work with JS library imports. There was a function js.require at some moment, but I do not see it now,

[Robert Jaros]

@JsModule annotation https://kotlinlang.org/docs/js-modules.html#jsmodule-annotation

[Robert Jaros]

And require was never in stdlib

[altavir]

Yes, it was in kotlin extensions and it was used to load resources. For example css files. How do I do it now?

[Robert Jaros]

Also with @JsModule

[Robert Jaros]

You can now use useEsModules() in your build configuration and use simple @JsModule for every kind of imports (without @JsNonModule)

[altavir]

Is there an example for that? Usually JsModule annotation is used on external classes. But in case of css there are not external classes. So what should I annotate?

[Robert Jaros]

@JsModule("css/style.css")
external val styleCss: dynamic

[turansky]

Also you can use standard import function

[altavir]

@turansky thanks, it seems that import is what I was searching for.

@Robert Jaros, also thanks. It is a more roundabout way, but should work.

[turansky]

inline sometimes isn't really inline.
And path can be declared as temp variable - Webpack won't be happy 😞
Temp pill - use importAsync + await()

[turansky]

Issue - https://youtrack.jetbrains.com/issue/KT-51139

[turansky]

If pill will be required/not required - please write here (probably it's not a problem for newest version)