Is it possible to configure webpack (eg. dev server port) in kotlin-js plugin as in kotlin-frontend-...

# javascript

[pjagielski]

Is it possible to configure webpack (eg. dev server port) in kotlin-js plugin as in kotlin-frontend-plugin?

[bashor]

cc @Ilya Goncharov [JB]

[Ilya Goncharov [JB]]

It is possible to declare it with webpack.config.d
You can create js file in it with content smth like

config.devServer = config.devServer || {}
config.devServer.port = ...

[Robert Jaros]

You can configure port and some other options with gradle DSL:

runTask {
                outputFileName = "main.bundle.js"
                devServer = KotlinWebpackConfig.DevServer(
                    open = false,
                    port = 3000,
                    contentBase = listOf("$buildDir/processedResources/frontend/main")
                )
            }

[Robert Jaros]

and other parameters with webpack.config.d

[pjagielski]

so in build.gradle it should be

kotlin {
  js {
    browser {
       runTask ...
}

?

[pjagielski]

webpack.config.d approach is a bit too low, maybe for webdevs, not kotlin programmers, that were promised that webpack is managed by plugin 😉

[pjagielski]

and 8080 as default is a bit too agressive I think 😉

[pjagielski]

for backend dev

[Ilya Goncharov [JB]]

Like @Robert Jaros told, you can configure it via

kotlin {
  js {
    browser {
       runTask {
           devServer = KotlinWebpackConfig.DevServer(
               port = 3000,
               contentBase = listOf("$buildDir/processedResources/frontend/main"
           )
       }
}

But in case with webpack.config.d you do stuff via low level js config, but don’t need to overwrite contentBase property

We think about how to do good DX with gradle plugin for this purposes.

[pjagielski]

not a gradle expert, how can I find the config path in plugins' source code?

[pjagielski]

org.jetbrains.kotlin.gradle.targets.js.dsl ?

[Ilya Goncharov [JB]]

org.jetbrains.kotlin.gradle.targets.js.webpack.KotlinWebpackConfig if it is what you want