Skip to content
xtec.dev

Wasm

Introducción

Section titled “Introducción”

En el fichero composeApp/build.gradle.kts tienes la configuración de Koltin con el “target” wasm:

kotlin {
    @OptIn(ExperimentalWasmDsl::class)
    wasmJs {
        // ...

También tienes el fichero composeApp/src/wasmJsMain/resources/index.html para cargar el proyecto wasm i mostrar-lo en el navegador:

    <script type="application/javascript" src="composeApp.js"></script>

El nombre del archivo de script dependerá del nombre de tu proyecto.

Ahora puedes ejecutar la tarea wasmBrowserDevelopmentRun para compilar el proyecto y abrir el archivo HTML en el navegador. Si lo prefieres, puedes usar el flag --continuous para mantener el navegador abierto y recargar la página automáticamente al modificar el código.

> .\gradlew wasmJsBrowserDevelopmentRun --continuous

Para generar el resultado final/de producción, puedes usar la tarea wasmJsBrowserProductionWebpack. Esta generará el resultado final en el directorio composeApp/build/kotlin-webpack/wasmJs/productionExecutable. Puedes usar los archivos de este directorio para implementar en cualquier servidor web estático ( {% link “/web/cloudflare/” %}).

> .\gradlew wasmJsBrowserProductionWebpack

https://kotlinlang.org/docs/wasm-get-started.html

TODO

Section titled “TODO”