Rails 5.1 で webpack の設定を使う
Rails 5.1 がリリースされたので webpacker gem の機能を使う超最小限のメモ
いれる
# rails 5.1 系をいれる $ gem install rails # webpackオプションをつけてnew $ rails new hogehoge --webpack # reactとか使いたかったらこう $ rails new hogehoge --webpack=react
超基本的な使い方
build
# webpack で ビルド $ bin/webpack # or dev server を立てる $ bin/webpack-dev-server
これで public/packs
以下に ビルド済の JavaScript が出力されます。
webpack の設定
config/webpack
にいる
webpack に食わせる JavaScript たち
app/javascript/packs
にいる
View から呼び出す
javascript_pack_tag
ヘルパーを使う
<%= javascript_pack_tag 'application' %> <%= javascript_pack_tag 'hogehoge' %>