不能让sbt-concat从sbt-sass或sbt-less中捆绑样式

时间:2015-02-14 10:56:30

标签: scala playframework-2.0 sbt-web sbt-concat

(提供的示例项目)我无法让sbt-concat按照设计来查找和连接由可能从预处理器任务生成的样式产生的样式表。在我的制作应用中,我尝试使用它来捆绑来自sbt-sass的精选缩小的输出文件。它在该项目的复杂设置中不起作用,因此我创建了一个示例项目,看看我是否可以让它工作。它在示例项目中也不起作用。这是一个测试项目build.sbt,尝试创建几个包,几乎可以考虑的每一种可能性,只是为了看看它们是否有效(public Github repo,你应该能够克隆它们立即复制问题):

import com.typesafe.sbt.web.Import.WebKeys._
import com.typesafe.sbt.web.pipeline.Pipeline

name := """sbt-concat-test"""

version := "1.0-SNAPSHOT"

lazy val root = (project in file(".")).enablePlugins(PlayScala, SbtWeb)

scalaVersion := "2.11.1"

libraryDependencies ++= Seq(
  jdbc,
  anorm,
  cache,
  ws
)

resolvers += Resolver.sonatypeRepo("releases")

includeFilter in (Assets, LessKeys.less) := "*.less"

excludeFilter in (Assets, LessKeys.less) := "_*.less"

val myPipelineTask = taskKey[Pipeline.Stage]("Some pipeline task")

myPipelineTask := { mappings => println(mappings); mappings }

pipelineStages := Seq(myPipelineTask, concat)

Concat.groups := Seq(
  "style-group1.css" -> group(sourceDirectory.value  ** "*.css"),
  "style-group2.css" -> group(baseDirectory.value  ** "*.css"),
  "style-group3.css" -> group((sourceDirectory in Assets).value  ** "*.css"),
  "style-group4.css" -> group(target.value  ** "*.css"),
  "style-group5.css" -> group(Seq("core.css", "styles/core.css", "assets/styles/core.css", "app/assets/styles/core.css")),
  "style-group6.css" -> group(Seq("lessStyle.css", "ui/lessStyle.css", "styles/ui/lessStyle.css", "assets/styles/ui/lessStyle.css", "app/assets/styles/ui/lessStyle.css")),
  "style-group7.css" -> group(Seq("sassStyle.css", "ui/sassStyle.css", "styles/ui/sassStyle.css", "assets/styles/ui/sassStyle.css", "app/assets/styles/ui/sassStyle.css")),
  "style-group8.css" -> group(Seq("**/*.css"))
)

我从; clean; reload; stage运行activator进行测试。我将资产源文件复制到target文件夹中,声明的包的结果如下:

  • style-group1.css 不存在
  • style-group2.css 包含button.csscore.css
  • 的内容
  • style-group3.css 包含core.cssbutton.css
  • 的内容
  • style-group4.css 不存在
  • style-group5.css 仅包含core.css
  • 的内容
  • style-group6.css 仅包含已编译的lessStyle.scss
  • 的内容
  • style-group7.css 仅包含已编译的sassStyle.scss
  • 的内容
  • style-group8.css 不存在

我不明白为什么第二和第三种情况都没有拿起预处理器生成的css文件,但是经过量身定制的第6和第7种情况呢。也许值得注意的是,myPipelineTask的结果显示所有源文件的PathMapping,以及来自Sass和Less任务的派生css和源图。

1 个答案:

答案 0 :(得分:3)

根据Typesafe的支持,我的困境的根源在于sbt-concat以这样的方式实现其PathFinder逻辑,即只获取与源目录中的文件名相同的资源。相对文件名序列适用于目标目录中的文件,但没有模式匹配。这很不幸。

通过在源目录上使用Seq来构建编译后存在的PathFinder输出文件是什么工作。因此对于.scss文件,例如:

Concat.groups := {
  // Determine the output names of the style files to bundle
  // This is really roundabout because sbt-concat only offers 2 ways of
  // specifying files, relative paths and using a PathFinder, and the
  // latter approach restricts itself to source files instead of output files.
  val sourceDir = (sourceDirectory in Assets).value
  val scssFiles = (sourceDir ** "*.scss").getPaths
  val scssRelativePaths = scssFiles.map(_.stripPrefix(sourceDir.getPath).stripPrefix("/"))
  val outputRelativePaths = scssRelativePaths.map(_.stripSuffix(".scss") + ".min.css")
  Seq("bundle.min.css" -> group(outputRelativePaths))
}

作为旁注,另一个sbt-concat的怪癖是它不会将新文件放在web-assets:assetsTarget的自己的目录中,以将它们与其他管道阶段的工件分开。 Concat.parentDir也是不必要的,因为您可以直接将该变量中的任何内容作为捆绑文件名的前缀。