Rails アプリのアセットを Webpacker で管理する
世間では GW ですが、皆さんいかがお過ごしでしょうか。こちらは仕事も落ち着いてきたため、直近のプロジェクトでそこそこ時間を使う羽目になった Webpacker についてのブログ記事を書くことにしました。 はじめに Ruby on Rails では Sprockets というモジュール（？）によって、JavaScript, CSS, 画像などのアセットを管理する事が出来ます。これは Rails 独自の仕組みであり、それによる問題点なども目立つようになったため、フロントエンド界隈で広く使われている Webpack を使いたいという要望は以前からあったようです。（その辺りの経緯などは、検索すれば色々出てくるので、ここでは記載しません。） そうした要望に応えるものが Webpacker で、簡単に言うと Webpack の機能を Rails に組み込んだもので、使う側からすると主に以下の2つの機
Rails アプリに Webpacker を導入する
既存の Rails アプリに Webpacker を導入したいと思います。 Webpacker は JavaScript だけを管理して css や画像は従来通り Sprockets 等にまかせる、といった使い方をすることもできます。 しかし今回は JavaScript/Css/Image すべてを Webpacker で管理することを目標にやっていきます。 Webpacker をインストール Gemfile に webpacker を追加してインストールします。 gem 'webpacker' bundle bin/rails webpacker:install ディレクトリ構成 ディレクトリ構成は以下のようにしてみました。 app/javascript: ├── packs: │ └── application.js └── javascripts: │ └── application
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Limit Webpacker RAM on compile for production - GoRails
Rails Webpacker and Sass undefined variable error
