使用LESS（bootstrap.less和bootswatch.less）播放2.2.1。主题无法正确加载

Question

我无法弄清楚如何在Play 2.2.1框架内正确使用LESS。 我想要的是加载一些主题，例如http://bootswatch.com/amelia/

所以基本上我下载bootstrap LESS并把它放在＆＃34; assets / stylesheet / bootstrap＆＃34;以及variables.css和bootswatch.css形式＆＃34; amelia＆＃34;主题并放置在＆＃34; assets / stylesheet＆＃34;。

来自官方播放2.2.1文档http://www.playframework.com/documentation/2.2.1/AssetsLess 我的。 sbt 看起来像：

name := "bla bla"

version := "1.0-SNAPSHOT"

libraryDependencies ++= Seq(
  jdbc,
  cache
)     

play.Project.playScalaSettings

play.Keys.lessEntryPoints <<= baseDirectory { base =>
   (base / "app" / "assets" / "stylesheets" ** "main.less")
}

main.less

@import "variables.less";

@import "bootstrap/bootstrap.less";

@import "bootswatch.less";

文件夹结构：

例如：

<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>

从amelia主题我应该得到以下：

但我只能看到bootstrap默认值：

Answer 1

另请阅读Installing Bootstrap theme in Symfony 2 project

问题似乎是main.less文件，你应该在导入bootstrap.less之后导入variables.less，如下所示：

<强> main.less

@import "bootstrap/bootstrap.less";
@import "variables.less";
@import "bootswatch.less";

对于Less variables计数最后一次声明获胜规则。当您在variables.less之后导入bootstrap.less时，主题的variables.less文件中的变量值将使用bootstrap / variables.less文件中的值重新声明。