如何使用Gradle交叉编译为Scala.JS

Gradle是一种现代化的构建工具，它支持多种编程语言和平台。Scala.JS是一种将Scala代码编译为JavaScript的工具。使用Gradle交叉编译为Scala.JS可以让我们在Scala语言中编写前端代码，并将其转换为可在浏览器中运行的JavaScript代码。

下面是使用Gradle交叉编译为Scala.JS的步骤：

配置Gradle：在项目的根目录下创建一个build.gradle文件，并添加以下内容：

plugins {
    id 'scala'
    id 'org.scala-js' version '1.5.0'
}

repositories {
    mavenCentral()
}

dependencies {
    implementation 'org.scala-js:scalajs-library_2.13:1.5.0'
    // 添加其他依赖库
}

scalaJS {
    // 配置Scala.JS插件
    scalaVersion = '2.13.6'
    outputFile = file('path/to/output.js') // 指定输出的JavaScript文件路径
}

编写Scala.JS代码：在项目中创建一个Scala文件，编写前端代码。例如，创建一个名为Main.scala的文件，内容如下：

import scala.scalajs.js
import scala.scalajs.js.annotation.JSExportTopLevel

object Main {
  @JSExportTopLevel("hello")
  def hello(): Unit = {
    println("Hello, Scala.js!")
  }
}

构建项目：在命令行中进入项目根目录，执行以下命令构建项目：

gradle clean build

Gradle会自动下载所需的依赖库，并将Scala代码编译为JavaScript代码。

运行项目：构建成功后，可以在build/scala-js/main目录下找到生成的JavaScript文件。将该文件引入到HTML页面中，并调用其中的函数。例如，在HTML文件中添加以下代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Scala.js Example</title>
    <script src="path/to/output.js"></script>
</head>
<body>
    <script>
        hello(); // 调用Scala.JS中的函数
    </script>
</body>
</html>