Play Framework + Zurb Foundation + веб-банки

Question

Я начинаю изучать фреймворк Play и хочу использовать его с фреймворком Zurb Foundation и sass-компилятором.

В Интернете я нашел пример Play с фреймворком Bootstrap, но не с Zurb Foundation. Кто-нибудь знает, где найти базовый шаблон Play, который использует Zurb Foundation?

Пока не знаю, я сделал следующий шаг:

• Добавьте плагин Sass, добавив эту строку в файл plugin.sbt:

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

• Импортируйте webjar-play, foundation и js-node, добавив следующие строки в файл build.sbt:

  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 в мое представление.

Кто-нибудь может мне помочь?

Спасибо

Answer 1

[Предостережение: следующее работает для меня, но у меня есть свой открытый вопрос о sass и Play!, так что могут быть "более правильные" способы справиться с этим]

Пример online-аукциона-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

Добавьте ваш файл xyzzy.scss в app/assets, и он будет скомпилирован в target/web/public/main/xyzzy.css.