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

Sprockets を捨てたい | 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

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です