Question

我正在尝试构建一个使用大量JSImport语句的新外观。我想把它放在我目前正在进行的项目的子文件夹中，以便在其中进行改进。

在我的root build.sbt看起来像scala.js部分之前：

lazy val client = (project in file("modules/client"))
      .enablePlugins(ScalaJSPlugin, ScalaJSWeb)
      .settings(generalSettings: _*)
      .settings(
        name := "client",
        libraryDependencies += CrossDependencies.scalaTags,
        persistLauncher := true
      )

现在我添加了scalaJSModuleKind := ModuleKind.CommonJSModule，这与persistLauncher设置不兼容，因此我删除了persistLauncher := true

当然，在我看来，我不能再添加client-launcher.js了。所以我尝试手动包装主方法调用，如下所示：

<script type="text/javascript">
    tld.test.Test().main()
</script>

现在， NOT 工作 IF scalaJSModuleKind := ModuleKind.CommonJSModule已添加到我的build.sbt。如果我删除该设置，一切正常。

这是我的测试

package tld.test

import org.scalajs.dom
import scala.scalajs.js.JSApp

object Test extends JSApp
{
  import scalatags.JsDom.all._

  def main(): Unit =
  {
    // Add js script dynamically
    val s = script(
      "alert('Hello World!')"
    )
    dom.document.getElementsByTagName("head")(0).appendChild(s.render)
  }
}

现在，如果我删除了ModuleKind设置，则会弹出一个警告，其中包含“Hello World＆＃39;”，但是如果它没有。造成这种情况的原因是什么？如何防止它？

修改在@sjrd回答后，我尝试了以下方法： plugins.sbt：

addSbtPlugin("ch.epfl.scala" % "sbt-scalajs-bundler" % "0.5.0")
addSbtPlugin("ch.epfl.scala" % "sbt-web-scalajs-bundler" % "0.5.0")

build.sbt：

lazy val client = (project in file("modules/client"))
  .enablePlugins(ScalaJSBundlerPlugin, ScalaJSWeb) // ScalaJSBundlerPlugin automatically enables ScalaJSPlugin
  .settings(generalSettings: _*)
  .settings(
    name := "client"
    , libraryDependencies += CrossDependencies.scalaTags
    //, scalaJSModuleKind := ModuleKind.CommonJSModule // ScalaJSBundlerPlugin implicitly sets moduleKind to CommonJSModule enables ScalaJSPlugin
  )

lazy val server = (project in file("modules/server"))
  .enablePlugins(PlayScala, WebScalaJSBundlerPlugin)
  .settings(generalSettings: _*)
  .settings(
    name := "server"
    ,libraryDependencies ++= Seq(
      CrossDependencies.scalaTest,
      CrossDependencies.scalactic,
      CrossDependencies.scalaTags,
      "com.typesafe.play" %% "play-json" % "2.6.0-M1")
    ,scalaJSProjects := Seq(client)
    ,pipelineStages in Assets := Seq(scalaJSPipeline)
    //,pipelineStages := Seq(digest, gzip)
    ,compile in Compile := ((compile in Compile) dependsOn scalaJSPipeline).value
  )

但在编译期间我得到：

./fastopt-launcher.js中的错误 [info]找不到模块：错误：无法解析＆＃39; file＆＃39;或者＆＃39;目录＆＃39; /home/sorona/scalajstestbed/modules/client/target/scala-2.12/scalajs-bundler/main/client-fastopt.js in /home/sorona/scalajstestbed/modules/client/target/scala-2.12/scalajs-bundler/主

编辑：解决方案是包含client-fastopt-bundle.js et voila

Answer 1

更改模块种类会显着改变输出文件的形状，包括其外部“规范”。特别是，它不再是可以嵌入网页的脚本。相反，它是一个CommonJS模块。

为了能够将其包含在网页中，您需要捆绑它。最好的方法是使用scalajs-bundler。

sscalaJSModuleKind：= ModuleKind.CommonJSModule - 不能再调用main方法:(

1 个答案: