Rails7 + importmap + dartsass-rails

概要#

Rails7のデフォルトでのアセットの管理がどの様になっているか知りたかったので rails newをしてみました。

既存プロジェクトを移行したときの差分はこちらです。

Ruby

webpackerを削除してcssbundling-rails+jsbundling-rails+propshaftに移行

Rails 7でwebpackerを廃止し、cssbundling-rails・jsbundling-rails・propshaftへ移行する手順をGemfileやpackage.jsonの差分を交えて詳しく解説します。

2022/10/09

既存のソースコードの流用などがあるので変更を最小限にしたかったという思いもあってcssbundle-rails + jsbundling-rails + propshaftの構成にしましたが、やはり最新のrails newをしたときの推奨構成を知っておきたくなったため今回はrails newをしました。

サンプルのソースコード#

特徴

• docker-composeで動くようになっています。
• 行った操作ごとにコミットを分けています。
• boostrapベースの良い感じのデザインテンプレであるbootswatchを導入してあります。
• rails new . -C -d sqlite3 で初期化してあります。

GitHub - matsubo/rails7_importmap_bootswatch github.com

Contribute to matsubo/rails7_importmap_bootswatch development by creating an account on GitHub.

作ったサービス#

西暦と和暦を一覧で表示するサービスを作ってみました。

アセットの内容などを確認できます。

元号くん seireki.teraren.com

西暦・元号・干支の情報を提供します。APIでも呼び出せます。