2014年2月18日火曜日

Play FrameworkにBootstrapのSassを組み込む

Play Frameworkの場合、バージョンによって手順がもろもろ異なるので注意が必要です。 

事前準備


まず事前準備としてsassをコンパイルできるように不本意ながらsassをインストールします。
sudo gem install sass sass -v Sass 3.2.14 (Media Mark)

Play Frameworkの設定


さて次にPlayFrameworkにSass組み込みの設定をします。 PlayFramework 2.2.x系の場合です。

  https://github.com/jlitola/play-sass

project/plugins.sbt

resolvers += "Sonatype OSS Releases" at "https://oss.sonatype.org/content/repositories/releases"
addSbtPlugin("net.litola" % "play-sass" % "0.3.0")

build.sbt

import net.litola.SassPlugin
play.Project.playScalaSettings ++ SassPlugin.sassSettings

Play 2.0,2.1系は他にも設定が必要なようです。詳しくは
https://github.com/jlitola/play-sass をご確認下さい。

なお
http://qiita.com/Liberty/items/51dd4c6113ffc52efd3b
も参考にさせていただきました。

Bootstrap Saasの読み込み


 最後にBootstrapのSassを組み込みます。
http://getbootstrap.com/getting-started/#download
からSassのファイルをダウンロードして解答します。
解答するとvendorフォルダが出来上がるので、vendor内のassetsフォルダをPlay Frameworkのassetsフォルダにコピーします。

最終的には
https://github.com/YoshiteruIwasaki/PlayFrameworkRecruitConsole/commit/84150e65946ef30e0840867eccb67cdbeb111bcc
のようになります。





0 件のコメント:

コメントを投稿