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