twitter-bootstrap - Play framework 2.1.x 不会编译 Twitter Bootstrap 3 LESS

Question

我正在尝试使用 LESS 文件使用 Twitter Bootstrap 3 设置 Play framework 2.1.1。

我已将 Bootstrap LESS 文件放入 app\assets\stylesheets\bootstrap .

我已经更新了我的项目配置( Build.scala )，以便只编译主要的 bootstrap.less文件(导入其他文件):

val main = play.Project(appName, appVersion, appDependencies).settings(
    lessEntryPoints <<= baseDirectory(customLessEntryPoints),
    javascriptEntryPoints <<= baseDirectory(customJavascriptEntryPoints)
)

def customLessEntryPoints(base: File): PathFinder = (
    (base / "app" / "assets" / "stylesheets" / "bootstrap" / "bootstrap.less") +++
    (base / "app" / "assets" / "stylesheets" / "*.less")
)

def customJavascriptEntryPoints(base: File): PathFinder = (
  (base / "app" / "assets" / "javascripts" * "*.js")
)

我无法编译 Bootstrap，我得到以下信息:

Expected )
In ...\app\assets\stylesheets\bootstrap\mixins.less at line 0.

问题似乎来自分号分隔的mixin参数。当我用逗号替换这些分号时，它可以工作。

Play LESS 编译器是否需要逗号？我需要用逗号替换每个分号还是可以配置 Play LESS 编译器？

谢谢

编辑:

这里有一个官方问题: https://github.com/playframework/playframework/issues/1423

看来我需要等待使用新版本的 LESS 编译器升级 ​​Play。同时我将使用外部编译器。

Answer 1

这是 mica16 从 github 发布的临时解决方案:

1) 我按照文档安装了插件:https://github.com/jmparsons/play-lessc (显示的示例中有错误 => 命令必须是:npm install -g less 而不是 npm install -g lessc)。

2)在 plugins.sbt 中，我添加了这些行:

resolvers += "JMParsons Releases" at "http://jmparsons.github.io/releases/"

addSbtPlugin("com.jmparsons" % "play-lessc" % "0.0.8")

(确保通过换行将它们分开)

3)我打开了我的 build.scala 并插入了插件指定的行并添加了这些:

def customLessEntryPoints(base: File): PathFinder =
(base / "app" / "assets" / "stylesheets" * "bootstrap.less") +++
(base / "app" / "assets" / "stylesheets" * "main.less") (main.less is my custom css)

由于我无法定义的原因(我现在什至不寻找它)，您应该将 Bootstrap 较少的文件直接放在样式表根文件夹中。否则，我无法编译这些文件。

4)我指定了关于css的html行:

<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/bootstrap.min.css")">

5) 我跑 play run整个工作。

编辑 - 有人问:有没有办法在不安装 jsnode 和 npm 的情况下安装lessc 插件？