playframework - 在 Sass 文件中使用 Bourbon - Play 框架

Question

我已将波旁威士忌 webjar 添加到我的 build.sbt 中：

val Bourbon = "org.webjars.bower" % "bourbon" % "4.2.3"

在我的 sass 文件（app/assets/stylesheets/main.sass）中，我有导入：

@import "../../../target/web/web-modules/main/webjars/lib/bourbon/app/assets/stylesheets/bourbon"

我../对路径长度有点不舒服。

有趣的是，它似乎被打包到了自己的app/assets/stylesheets目录中。

有没有其他方法可以指定导入？

Answer 1

我一直在自己实现一个Sass 插件。我确保可以轻松包含 webjars。

使用这个插件，应该可以通过以下方式包含一个 webjar 库：

@import "lib/<library name>/path/to/sass/stylesheet";

因此，对于波旁威士忌，特别是使用例如：

@import "lib/bourbon/app/assets/stylesheets/bourbon";

// example of bourbon mixin usage
a.tooltip-anchor + .tooltip:after {
  content: "";
  position: relative;
  top: -12px;
  @include triangle(6.5em 2.5em, #FF0000, down);
}