Play!2.3 の *.less から *.css が生成されるための設定（main.css以外）

こんばんは。

Play!2.3 との格闘は、まだまだ独り相撲段階といった感じの @sakashushu です。

で、タイトルに書いた内容の方ですが、単に私が Play!2.3 では *.less から *.css が生成されるもんだと思ったらそのままでは生成されず、設定を追加したという備忘です。

 

スポンサードリンク

 

 

■ ざっくり環境

OS：Windows 7 Home Premium
Play Flamework：2.3（Activator 1.2.2）

 

■ 備忘

私が試したファイル名は、sub.less（sub.css が生成される想定）です。

動かしてみる前の私の認識は、

app/assets/stylesheets/sub.less

として作成しておけば、html ファイル内で

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

の形で css の指定が出来るというものでした。

公式ドキュメントの Using LESS CSS を読むと、そんな印象受けません？

（英語力に自信なしですが、日本語公式の方の 2.1.5 での説明、 LESS CSS を使う - Play Framework と同じ感じな気がするし・・。）

 

それが、main.less からは main.css が生成されたんですが、sub.less の方は駄目・・。

（activator assets コマンドで target/web/public/main/stylesheet フォルダの中に main.css，main.css.map，main.less，sub.less は生成されるが sub.css が生成されない。）

 

今回も「あ～でもないこ～でもない」と試しながらイロイロ検索しましたが、やっと見つけたのが以下のページでした。

• Add the following to project settings:

  includeFilter in (Assets, LessKeys.less) := "*.less"
  
  // for minified *.min.css files
  LessKeys.compress := true
  

via: playframework - Why are managed css/less assets not processed by sbt-less plugin in Play 2.3? - Stack Overflow

 

・・・。

LessKeys.compress := true

の方はコメントにあるように *.min.css を生成したい時に使うヤツだから今回は無関係っすよね？

なので、

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

の方を build.sbt に追記してみたところ、sub.css が生成されました！

 

main.css だけは例外ってこと？

ちょっと腑に落ちない感は残りますが、一応目的は達したので良しと・・します・・。

 

はい、以上です～。

---

 

TEL：
08034662740

メール：
[e-mail]

ツイッター：
https://twitter.com/sakashushu

フェイスブック：
https://www.facebook.com/sakashushu

 

ご連絡・フォロー・友達申請 等、いつでもお気軽にどうぞ！

またお越しくださいませませ！

 

タグ：メモ 作業 Play Framework Play2