Play Framework + Zurb Foundation + webjars答案

【问题标题】：Play Framework + Zurb Foundation + webjarsPlay Framework + Zurb Foundation + webjars
【发布时间】：2023-03-26 06:05:01
【问题描述】：

我开始学习 Play 框架，我想将它与 Zurb Foundation 框架和 sass 编译器一起使用。

在 Internet 上，我找到了使用 Bootstrap 框架但没有使用 Zurb Foundation 的 Play 示例。有人知道在哪里可以找到使用 Zurb Foundation 的基本 Play 模板吗？

直到知道，我已经完成了以下步骤：

通过将此行添加到 plugin.sbt 文件中来添加 Sass 插件：
```
addSbtPlugin("org.irundaia.sbt" % "sbt-sassify" % "1.4.2")
```

通过将这些行添加到 build.sbt 文件中来导入 webjar-play、foundation 和 js-node：

libraryDependencies += "org.webjars" % "requirejs-node" % "2.1.20"
libraryDependencies += "org.webjars" % "foundation" % "6.3.1"
libraryDependencies += "org.webjars" %% "webjars-play" % "2.5.0"

但是现在，我不知道如何编译 scss 文件并将 css 和 js 文件包含到我的视图中。

有人可以帮我吗？

谢谢

【问题讨论】：

标签： playframework zurb-foundation webjars

【解决方案1】：

[警告：以下内容对我有用，但我对 sass 和 Play! 有自己的未决问题，因此可能有“更正确”的方法来处理这个问题]

online-auction-scala 示例使用 Foundation。 https://github.com/lagom/online-auction-scala

按照这个例子，我在 build.sbt 中有这个：

lazy val `web-gateway` = (project in file("web-gateway"))
  .enablePlugins(PlayScala && LagomPlay, SbtReactiveAppPlugin)
  .dependsOn(`monopoly-api`, `monopoly-stream-api`)
  .settings(
    libraryDependencies ++= Seq(
      lagomScaladslServer,
      macwire,
      scalaTest,
      "org.webjars" % "foundation" % "6.4.3-1",
      "org.webjars" % "foundation-icon-fonts" % "d596a3cfb3"
    ),
    httpIngressPaths := Seq("/")
  )

正如您所说，需要将此添加到 plugin.sbt：

addSbtPlugin("org.irundaia.sbt" % "sbt-sassify" % "1.4.12")

确保已安装 sassify：

npm install sassify

在app/assets下添加你的xyzzy.scss文件，它会被编译成target/web/public/main/xyzzy.css。

【讨论】：