Kotlin/Js Kotlin 编译为 JS (尝试)

server/2025/2/7 4:44:43/

Kotlin/JS 是 Kotlin 编程语言的一个目标平台,它允许你使用 Kotlin 编写在 JavaScript 环境中运行的代码。通过 Kotlin/JS,你可以将你的 Kotlin 代码编译成 JavaScript 代码,通常是兼容 ECMAScript 5 或更高版本的形式。这使得 Kotlin 不仅可以用于服务端(通过 Kotlin/JVM)和 Android 应用开发,还可以用来编写前端代码。

Kotlin/JS 项目使用 Gradle 作为构建系统。还可以使用 npmyarn 进行包管理。使用 webpack 完成 js构建

本篇文章仅仅浅浅的对这个功能尝试。
如果想要更多信息请查阅官方文档:点我跳转

1. 引入插件

kotlin">plugins {kotlin("multiplatform") version "2.1.10"
}

2. 设置编译选项

在 Gradle 中,可以使用 kotlin{...} 来进行管理和设置各项内容

kotlin">kotlin {js(IR) {// 输出模块名称moduleName = "main"// 设置package.jsoncompilations["main"].packageJson {customField("scripts", mapOf("babel" to "babel kotlin -d kotlin_babel", "build" to "webpack"))}
//        generateTypeScriptDefinitions() // 生成 TypeScript 声明文件 (d.ts)
//        useEsModules() // 使用 ES 模块,使用后输出 mjs 文件。nodejs {testTask {// 是否启用测试enabled = true}}binaries.executable()}
}

3. 编写测试代码

kotlin">fun main(){println("Hello Kotlin/Js")
}

4. 运行

./gradlew jsRun

http://www.ppmy.cn/server/165592.html

相关文章

flutter 专题四十四 关于MacOs Catalina “无法打开***,因为无法验证开发者...”的解决方案

关于MacOs Catalina “无法打开***,因为无法验证开发者...”的解决方案 今天在升级Flutter后直接flutter doctor命令,报了一个【无法打开Dart,因为无法验证开发者】的警告。可以使用下面的命令进行授权: sudo spctl --master-di…

Node.js 的底层原理

Node.js 的底层原理 1. 事件驱动和非阻塞 I/O Node.js 基于 Chrome V8 引擎,使用 JavaScript 作为开发语言。它采用事件驱动和非阻塞 I/O 模型,使其轻量且高效。通过 libuv 库实现跨平台的异步 I/O,包括文件操作、网络请求等。 2. 单线程事…

【C语言】指针详细解读1

1. 内存和地址 1.1 内存 在讲述内存之前,我们先拿生活中的例子类比一下: 假如我们要寻找酒店的一位朋友,首先我得知道以下一些信息:知道他是人,知道酒店名,知道酒店房间号。人就表示我们不能去找其他的东…

【华为OD-E卷 - 113 跳格子2 100分(python、java、c++、js、c)】

【华为OD-E卷 - 跳格子2 100分(python、java、c、js、c)】 题目 小明和朋友玩跳格子游戏,有 n 个连续格子组成的圆圈,每个格子有不同的分数,小朋友可以选择以任意格子起跳,但是不能跳连续的格子&#xff…

Gurobi基础语法之 addConstr, addConstrs, addQConstr, addMQConstr

在新版本的 Gurobi 中,向 addConstr 这个方法中传入一个 TempConstr 对象,在模型中就会根据这个对象生成一个约束。更重要的是:TempConstr 对象可以传给所有addConstr系列方法,所以下面先介绍 TempConstr 对象 TempConstr TempC…

【Unity2D 2022:UI】创建滚动视图

一、创建Scroll View游戏对象 在Canvas画布下新建Scroll View游戏对象 二、为Content游戏对象添加Grid Layout Group(网格布局组)组件 选中Content游戏物体,点击Add Competent添加组件,搜索Grid Layout Group组件 三、调整Grid La…

如何在Intellij IDEA中识别一个文件夹下的多个Maven module?

目录 问题描述 理想情况 手动添加Module,配置Intellij IDEA的Project Structure 问题描述 一个文件夹下有多个Maven项目,一个一个开窗口打开可行但是太麻烦。直接open整个文件夹会发现Intellij IDEA默认可能就识别一个或者几个Maven项目,如…

在 Spring Boot 项目中,bootstrap.yml 和 application.yml文件区别

在 Spring Boot 项目中,bootstrap.yml 和 application.yml 是两个常用的配置文件,它们的作用和加载顺序有所不同。以下是它们的详细说明: 1. bootstrap.yml 作用: bootstrap.yml 是 Spring Cloud 项目中的配置文件,用于…