let's say I put this into jsMain/resources/script....

# javascript

[Bernhard]

let's say I put this into jsMain/resources/script.js

export function add(a, b) {
    return a + b;
}

how do I access this in my Kotlin code?

I've tried

@JsModule("./script.js")
@JsNonModule
external fun add(a: Int, b: Int): Int

but this does not actually bundle nor load the file and tells me that function add is undefined

[turansky]

@file:JsModule("./script.js")

external fun add(a: Int, b: Int): Int

[turansky]

If file in resources:

@file:JsModule("script.js")

external fun add(a: Int, b: Int): Int

[Bernhard]

does not compile for me

[Bernhard]

ah, have to remove the package

[turansky]

@file:JsModule("script.js")

package at.fyayc
 
external fun add(a: Int, b: Int): Int

[Bernhard]

@file:JsModule("./script.js")
@file:JsNonModule

package at.fyayc

external fun add(a: Int, b: Int): Int

[Bernhard]

thank you, got it working

[turansky]

> @file:JsNonModule
You can use moduleKind = "es" or moduleKind = "commonjs" to avoid this annotation
It has no sense 😞

[Bernhard]

where do I define that? in gradle?

[turansky]

> in gradle?
Yes

[Bernhard]

thank you

[Bernhard]

looks like that one has been changed to

[Bernhard]

kotlin {
    js {
        compilerOptions {
            moduleKind = JsModuleKind.MODULE_ES
        }
    }
}

[Bernhard]

thanks, that works

[Bernhard]

so I suppose this generates esmodules for everything using the Kotlin compiler, then it is down leveled to commonjs using webpack?

[turansky]

From es you can build/bundle any other module kind

[turansky]

By default Webpack bundle UMD module

[Bernhard]

thank you