Skip to content

Instantly share code, notes, and snippets.

@katryo
Last active August 29, 2015 14:08
Show Gist options
  • Save katryo/6938e982da1959f24db1 to your computer and use it in GitHub Desktop.
Save katryo/6938e982da1959f24db1 to your computer and use it in GitHub Desktop.
NodeでRailsのSprocketsを捨てる

NodeでRailsのSprocketsを捨てる

npmは入っている前提。

Sprocketsがやること

  • [] assets以下のファイルをpublicにコピーする
  • [] coffeeをjsにする
  • [] jsを繋げて1つのファイルにする
  • [] assets以下のファイルにハッシュ値をつける
  • [] image_tagなどのメソッドで、ハッシュ値のついたファイルへのリンクにする
  • [] ファイルが更新されるたび、上記のことを行う

戦略

ハッシュ値をつける

やること

gulp

  • [] assets以下の画像・CSSファイルをpublicにコピーする
  • [] coffeeをjsにする
  • [] bower_componentsのdist内にあるjsと自分の作ったjsファイルを、依存関係を考慮しながら繋げて、app.jsにして、public/javascripts以下に置く
  • [] ファイルが更新されるたび、上記のことを行う

browserify

  • [] 依存関係を考慮しながら、jsを繋げて1つのファイルにする

Rails

  • [] javascript_include_tab、stylesheet_link_tagなどを消して、ごく普通のhtmlにする

やらないこと

  • [] assets以下のファイルにハッシュ値をつける
  • [] image_tagなどのメソッドで、ハッシュ値のついたファイルへのリンクにする
  • [] uglify

bower

bower install

bowerでインストールするもの

jQuery

webpack

諦めてbrowserify使うことにした

gulp

uglify

livereload

gulp-sass

gulp-rev

gulp-rev-rails-manifest

https://github.com/joker1007/rails_browserify_sample

npm install --save-dev gulp gulp-browserify gulp-watch gulp-plumber gulp-rename coffeeify coffee-script
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment