RubyOnRailsの開発環境

Redmineプラグイン開発にCoffeeScriptとSASSを使う〜guard-sprockets&guard-sass

投稿日:2015年4月4日 更新日:

考え方

Redmineではsprocketを使っていないので、JavaScriptとcssを書かないといけない.
そこで、 CoffeeScriptとSassを書いて、自動でjavascriptsとstylesheetsに展開するようにguardを設定した.

参考:
My Sass and CoffeeScript workflow with Guard
Railsで使える便利な機能をRails以外で使いたい場合にGuardを使う

guardの設定

Gemfileをつくって、bundle install

GitHub:
多くはguardの公式レポジトリに開発が移っているぽいので注意
github.com/guard/guard-sass
github.com/guard/guard-sprockets

参考:
Ubuntu12.04.1でCoffeeScriptの自動makeとブラウザの自動リロード~guard-coffeescript
Ruby+guardでSass+Compass+CoffeeScriptの自動コンパイル環境を整える

Guardfileをつくる

で、Guardfileができるので、設定
sassについては、圧縮、COMPASSの利用、パーシャルの利用などを設定している.
Sprocketsについては、uglifierで圧縮してる.
注意が必要なのは、root_fileを設定しないと監視したファイルをそれぞれコンパイルしてしまうこと.1つのファイルにまとめるにはroot_fileを設定しておくこと.2つのファイルにまとめる場合は、もう1個監視用の設定をすればいいんじゃないか.

そして、ソース用に、ディレクトリを作成する.

できた、ただし

あとは、guardを実行すれば自動コンパイルしてくれる.
ただし、Redmineでは、assetsディレクトリの中を変更しても、autoloadしてくれない.
ちなみに、routes.rbの変更でもautoloadしない.
現状ではサーバーを再起動してるが何か設定がありそうでできない.

coffee-railsをいれていないと、erbテンプレートにCoffeeScriptも使えない.
js.erbを使うか、coffee-railsをいれるか.

-RubyOnRailsの開発環境
-, , , ,

執筆者:

関連記事

no image

Rails3のTest:Unitでベンチマーク

参考 Performance Testing Rails Applications — How To? 目次1 Gemfile2 サンプル作成3 実行 Gemfile デフォルトのテストはTest:u …

RSpecとCapybaraのテストの例

環境 KEN_ALL.CSVを使ってRailsで郵便番号を検索するサイトを作る1 KEN_ALL.CSVを使ってRailsで郵便番号を検索するサイトを作る2 Rails3.2.8とRSpecとCapy …

RVMでRubyのバージョンアップ

By: Geri Coady – CC BY 2.0 目次1 RVMのバージョンアップ2 Rubyのバージョンアップ3 2.0.0から2.1.0にバージョンアップ4 gemのバージョンアッ …

no image

Rails3.2でTwitter Bootstrap2対応のkaminariテーマを自作する〜というよりcucumber

環境 Rails3.2でページネーションをTwitter Bootstrapに対応させる~kaminariの続き すでにテーマがあるので適当に作っていたら、ページネーションをクリックしても昇順・降順の …

Ruby+guardでSass+Compass+CoffeeScriptの自動コンパイル環境を整える

    Ubuntu12.04.1でCoffeeScriptの自動makeとブラウザの自動リロード~guard-coffeescript すでにCoffeeScriptを自動Mak …