12

LESSファイルを使用して、Play Framework 2.1.1をTwitter Bootstrap 3でセットアップしようとしています。Play framework 2.1.xはTwitter Bootstrap 3をコンパイルしませんLESS

私はブートストラップのLESSファイルをapp\assets\stylesheets\bootstrapに入れました。

私は本体のみbootstrap.lessファイル(他のファイルをインポートする)コンパイルするためには、私のプロジェクト構成(Build.scala)を更新しました:

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") 
) 

私はブートストラップをコンパイルするために管理することはできませんが、私が手次のようになります。

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

問題は、セミコロンで区切られたmixinパラメータから来ているようです。これらのセミコロンをカンマで置き換えるとうまくいきます。

Play LESSコンパイラにカンマが必要ですか?すべてのセミコロンをカンマで置き換える必要がありますか、Play LESSコンパイラを設定できますか?

おかげ

EDIT:

を公式の問題がここにあります:https://github.com/playframework/playframework/issues/1423

私がLESSコンパイラの新バージョンで遊ぶのアップグレードを待つ必要があると思われます。私は一方で外部コンパイラを使用しています。ここで

+0

あなた自身の質問の答えとして編集を追加してください(それを受け入れてください) –

+0

同じ問題:)お待ちください:) – Mik378

+0

私は編集を読むが解決策を見つけることができません。誰か説明できますか?ありがとう –

答えて

5

githubから男mica16により投稿され、一時的なソリューションです。

1)私は、ドキュメント、次のプラグインをインストール:https://github.com/jmparsons/play-lessc(=>コマンド示す例ではエラーがありますでなければなりません:npm install -g lessありませんnpm install -g lessc)。 plugins.sbtで

2)、私はこれらの行を追加:

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) 

私が定義することはできません理由で(私も今のところそれを求めていないが)、あなたはスタイルシートRに直接ブートストラップレスのファイルを配置する必要がありますootフォルダ。さもなければ、私はそれらのファイルをコンパイルすることができませんでした。

4)私は、CSSに関するHTML行指定:

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

5)私はplay run実行し、全体を働きました。

- 誰かが尋ねるとおり、jsnodeとnpmをインストールせずにlesscプラグインをインストールする方法はありますか?

関連する問題