SprocketsからPropshaftへの移行に関する注意点 70 views Post @wakairo 2025/12/21 14:54 SprocketsからPropshaftへの移行手順は、 以下のPropshaftの公式手順で基本的には問題ないと思いますが、 この公式手順に記載されていないものを中心に、 移行における注意点をこのTopicで集約できればと思います。 https://github.com/rails/propshaft/blob/main/UPGRADING.md @wakairo 2025/12/21 15:00 Propshaftへの移行に際して、tailwindcss-railsまたはdartsass-railsを選ぶのもあり Propshaftの公式移行手順では、CSS関連の処理が必要な場合の選択肢として cssbundling-rails のみ紹介されていますが、 tailwindcss-rails と dartsass-rails という選択肢もあります。cssbundling-railsのREADMEには、選び方のヒントが掲載されています。 @wakairo 2025/12/21 16:33 Propshaftは.erbを処理しない Sprocketsは拡張子が .erb のファイル（例: foo.scss.erb）を処理しますが、Propshaftは処理しません。 そのため、Sprockets で .erb を処理している場合、Propshaftへ移行するには次のいずれかの対応が必要になります。 .erb の利用をやめ、プレーンなCSS/SCSSなどに書き換える .erb の処理を、Propshaftに渡す前の前処理として別途組み込む @wakairo 2025/12/21 16:36 Propshaftへ移行したらSprockets用の設定は削除可能 config/environments/production.rb にある以下の設定はSprocketsの設定なので、 Propshaftへ移行したら、削除可能です。 config.assets.compile = false 参考情報 https://www.techtips.page/ja/comments/658 記入 プレビュー Markdownの書き方
@wakairo 2025/12/21 14:54 SprocketsからPropshaftへの移行手順は、 以下のPropshaftの公式手順で基本的には問題ないと思いますが、 この公式手順に記載されていないものを中心に、 移行における注意点をこのTopicで集約できればと思います。 https://github.com/rails/propshaft/blob/main/UPGRADING.md
@wakairo 2025/12/21 15:00 Propshaftへの移行に際して、tailwindcss-railsまたはdartsass-railsを選ぶのもあり Propshaftの公式移行手順では、CSS関連の処理が必要な場合の選択肢として cssbundling-rails のみ紹介されていますが、 tailwindcss-rails と dartsass-rails という選択肢もあります。cssbundling-railsのREADMEには、選び方のヒントが掲載されています。
@wakairo 2025/12/21 16:33 Propshaftは.erbを処理しない Sprocketsは拡張子が .erb のファイル（例: foo.scss.erb）を処理しますが、Propshaftは処理しません。 そのため、Sprockets で .erb を処理している場合、Propshaftへ移行するには次のいずれかの対応が必要になります。 .erb の利用をやめ、プレーンなCSS/SCSSなどに書き換える .erb の処理を、Propshaftに渡す前の前処理として別途組み込む
@wakairo 2025/12/21 16:36 Propshaftへ移行したらSprockets用の設定は削除可能 config/environments/production.rb にある以下の設定はSprocketsの設定なので、 Propshaftへ移行したら、削除可能です。 config.assets.compile = false 参考情報 https://www.techtips.page/ja/comments/658
SprocketsからPropshaftへの移行手順は、 以下のPropshaftの公式手順で基本的には問題ないと思いますが、 この公式手順に記載されていないものを中心に、 移行における注意点をこのTopicで集約できればと思います。
https://github.com/rails/propshaft/blob/main/UPGRADING.md
Propshaftへの移行に際して、tailwindcss-railsまたはdartsass-railsを選ぶのもあり
Propshaftの公式移行手順では、CSS関連の処理が必要な場合の選択肢として cssbundling-rails のみ紹介されていますが、 tailwindcss-rails と dartsass-rails という選択肢もあります。cssbundling-railsのREADMEには、選び方のヒントが掲載されています。
Propshaftは.erbを処理しない
Sprocketsは拡張子が
.erbのファイル（例:foo.scss.erb）を処理しますが、Propshaftは処理しません。 そのため、Sprockets で.erbを処理している場合、Propshaftへ移行するには次のいずれかの対応が必要になります。.erbの利用をやめ、プレーンなCSS/SCSSなどに書き換える.erbの処理を、Propshaftに渡す前の前処理として別途組み込むPropshaftへ移行したらSprockets用の設定は削除可能
config/environments/production.rbにある以下の設定はSprocketsの設定なので、 Propshaftへ移行したら、削除可能です。参考情報
https://www.techtips.page/ja/comments/658