Mastering Kotlin

Adding a web page

To consume the JavaScript target of our shared Kotlin code, we will create a new Gradle module called :webapp and then create a simple HTML page that will consume the compiled JavaScript code. Perform the following steps for this:

1. To start, create a new Gradle module, :webapp, with the following structure:

root/webapp    build.gradle    src/main/kotlin    src/index.html

2. Within webapp/build.gradle, we will use the kotlin2js plugin to configure how our :webapp module should be built:

apply plugin: 'kotlin2js'dependencies {    compile "org.jetbrains.kotlin:kotlin-stdlib-js"    implementation project(':core')}compileKotlin2Js.kotlinOptions.sourceMap = truecompileKotlin2Js.kotlinOptions.outputFile = "${projectDir}/output/js/app.js"compileKotlin2Js ...