新しいことをやってみるシリーズ:Play Framework2.3.1でBootstrapを読み込むLESS CSSを使う

@iwasaki 560views 更新:2014年7月14日

app/assets/stylesheets/main.less

にCSSファイルを配置します。

app/views/main.scala.html

CSSを呼び出すようにします。

<link rel="stylesheet" href="@routes.Assets.at("stylesheets/main.css")">

build.sbt

.enablePlugins(SbtWeb)

 

を追加してありますが必要なのかどうかよくわかりません。。。

 

main.min.cssが自動的にできるはずが、コンパイルしても出来上がりません。。。

 

https://github.com/YoshiteruIwasaki/sample-play-java-app/commit/cee436604f50b6fb6cabef88c3991eba60bc4a70

 

 

追記 sakashushuさんにいただいたコメントの方法でminifyすることができました!

build.sbt

// for minified *.min.css files
LessKeys.compress := true

main.scala.html

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

https://github.com/YoshiteruIwasaki/sample-play-java-app/commit/2a821d82640d0d5432d0575c76495a19eaa90402

コメント

  1. sakashushu のコメント (2014年7月15日)

    Play 2.3 Scala の勉強中です。
    index.scala.html の
    @play20.welcome(message, style = “Java”)
    が展開されると

    が入っているような。
    当方で index.scala.html を
    単純に
    @(message: String)
    @main(“Welcome to Play”) {
    @message
    }
    に変えてみたところ、 color: red; が反映されました。

  2. sakashushu のコメント (2014年7月15日)

    ソースをそのまま書いたらタグが消えました・・。
    @message → <h1>@message</h1>

  3. @iwasaki のコメント (2014年7月15日)

    コメントありがとうございます!どうやらWindows×Play 2.3 Javaだとトラップが多いみたいで。。。
    sample-play-app\target\web\public\main\stylesheets
    にmain.cssが生成され、これを読みこめば反映されるのは確認できたのですが、ここにmain.min.cssがないので、別のsbtプラグインを使ってcssの圧縮とかをしないといけないのかもしれません・・・。

  4. sakashushu のコメント (2014年7月15日)

    ↑ の私のコメント、意図を履き違えていたようですみませんm(_ _)m
    http://stackoverflow.com/questions/24215662/why-are-managed-css-less-assets-not-processed-by-sbt-less-plugin-in-play-2-3
    を参考に、build.sbt に
    // for minified *.min.css files
    LessKeys.compress := true
    を追記したところ、main.min.css が作られました。

  5. @iwasaki のコメント (2014年7月15日)

    LessKeys.compress := true
    を追記してみたところ、出来ました!情報ありがとうございました!!!

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません