Webpack を直接使う方法
主な問題点
- バンドル (JavaScript / CSS)
- Sass / SCSS のコンパイル
- ES6 のコンパイル (Babel)
- digest の付与
- manifest の出力
- digest 付きパスへの解決
- 環境の切り替え (development / production)
- 最適化 (uglify / minify)
参考：
今日から簡単！Webpacker 完全脱出ガイド | pixiv inside
もし、僕らの Rails に Sprockets がなかったら – Qiita
フロントエンド原理主義者が目論んだ脱 webpacker | スタディスト開発ブログ
JavaScript だけでなくスタイルシートと画像ファイルも webpack 管理下に置いて、 Asset Pipeline から完全にサヨナラした | blog.cheezenaan.net
webpack3 でフロントエンド開発 実践編 | Cloud Cafe
Rails 4.2 で Sprockets を捨てて webpack に移行する – Qiita
Webpacker を使わずに webpack で頑張る – Qiita
Node.js × Rails Engine – Qiita
webpack で作る Sprockets 無しのフロントエンド開発 | クラウドワークス エンジニアブログ
Sprockets 再考 モダンな JS のエコシステムと Rails のより良い関係を探す – Qiita
Rails の Rail から解放される始めの一歩 – SlideShare
How we switched from Sprockets to Webpack | rossta.net
How to use webpack with Rails | clarkdave.net
image_path の参照
Webpack で rails-erb-loader を使って .js.erb ファイルを処理するとファイル毎に rails runner が起動されるために処理時間が長くなる。
参考：
Sprockets の生きる道 in JavaScript – Qiita
webpacker-pure-config/webpacker-entry
参考：
euxn23/webpacker-pure-config: Pure webpack way config for webpacker and rails – GitHub
euxn23/webpacker-entry: Generate webpack.config.entry suit to rails with webpacker – GitHub
Webpacker でやっていけるか！？ Frontend on Rails – Qiita
webpack-rails
参考：
mipearson/webpack-rails: Integrate webpack with your Ruby on Rails application – GitHub
Migrating from Rails’ asset pipeline to Node’s webpack – Maiz Lulkin – Klarna Engineering