Hi all, I'm trying to import a SASS file, that's bundled via Webpack, in my `main`. From samples on...

# javascript

[Alexandru Nedelcu]

Hi all,

I'm trying to import a SASS file, that's bundled via Webpack, in my main.
From samples online I've been led to believe that what I need is kotlinext.js.require , but it isn't available.
Any idea what to do?

[Robert Jaros]

Just declare the require external function in your code
https://github.com/rjaros/kvision/blob/master/src/main/kotlin/io/kvision/KVManager.kt#L39

[Robert Jaros]

Add dependencies to your project
https://github.com/rjaros/kvision-io/blob/main/build.gradle.kts#L54-L55

[Robert Jaros]

Configure webpack
https://github.com/rjaros/kvision-io/blob/main/webpack.config.d/sass.js

[Robert Jaros]

Add some SASS resources
https://github.com/rjaros/kvision-io/tree/main/src/main/resources/sass

[Robert Jaros]

And require main sass file in your code
https://github.com/rjaros/kvision-io/blob/main/src/main/kotlin/io/kvision/website/App.kt#L16

[Alexandru Nedelcu]

Thanks a lot @Robert Jaros, kvision-io is a great source of inspiration it seems.