Is there any way to associate multiple `requires` ...

# javascript

[Sam Garfinkel]

Is there any way to associate multiple requires with a single wrapper file? For example, the swagger-ui, which is bundled with swagger-ui/dist/swagger.css. The CSS should always be required whenever the swagger-ui export is required. AFAIK you can only have a single @file:JsModule(...) annotation.

[Svyatoslav Kuzmich [JB]]

Sure. You can have multiple `external object`s in a single file with @JsModule on them.

[Sam Garfinkel]

Right, but not file-wide. What is the implication of annotating an object with @JsModule? Any usage causes the compiler to add that require?

[Svyatoslav Kuzmich [JB]]

Yep, they will be `require`d in CommonJS

[Sam Garfinkel]

Thank you!

[Svyatoslav Kuzmich [JB]]

Another option is to have separate files for each @JsModule 😉

[Sam Garfinkel]

@Svyatoslav Kuzmich [JB] I'm getting This annotation is not repeatable. Is that a bug?

[Svyatoslav Kuzmich [JB]]

I would need some context. What is your annotation usage look like?

[Svyatoslav Kuzmich [JB]]

Are you using multiple @JsModule on the same declaration?

[Sam Garfinkel]

Yes. It looks like @JsModule does not have the @Repeatable annotation.

[Sam Garfinkel]

@JsModule("swagger-ui")
@JsModule("swagger-ui/dist/swagger-ui.css")
external interface SwaggerUI {
...
}

[Svyatoslav Kuzmich [JB]]

@Sam Garfinkel Sorry, I was misleading you. I don't know much about webpack, and didn't immediately understand what you want to do. @JsModule is meant to import JS modules, it isn't a general replacement for require.

[Sam Garfinkel]

@Svyatoslav Kuzmich [JB] That's alright, I believe the correct thing here is to use the kotlinext.js.require function, although to be fair this is a fairly common use case in webpack. Common enough it would be nice to have something first-class for it.

[Darren Bell]

@Sam Garfinkel Did you manage to get this working. If so could you please share the solution. Thanks

[Sam Garfinkel]

@Darren Bell Yes, just use const fooCss = kotlinext.js.require("foo.css"), or if its associated with, say, a react component, put it in the init block for that component