見出し画像

📕 アセットパイプラインガイドを大幅更新

Railsガイドの「アセットパイプラインガイド」が importmap-rails に対応した最新版に更新されました🎉

主な更新箇所

  • Rails 7に完全対応

  • 「アセットパイプラインの使用方法」からシンプルな「Sprocketsの利用法」に

  • importmap-railsの基本的な使い方を追加

  • その他のバンドルライブラリについて紹介
    ・jsbundling-rails
    ・Webpacker/Shakapacker
    ・cssbundling-rails
    ・dartsass-rails(sassc-railsは非推奨へ)
    ・tailwindcss-rails

  • CoffeeScriptの記述を削除

Rails 6.1まではSprocketsでJS/CSS/画像を配信していましたが、Rails 7では主にアセットをビルドするかどうか、ビルドに何を使うかでいくつもの選択肢があります。
本ガイドでは基本的に、Rails 7のデフォルトである「Node.jsに依存しないimportmap-railsでJSを配信し、SprocketsでCSS/画像を配信する方法」を紹介していますが、用途に合わせてさまざまなバンドルライブラリや、使用する際の注意点(Nodeに依存するかどうか)も参照できます。
例えば、TypeScript や React を利用したい場合は、jsbundling-rails経由でesbuild/rollup/webpackを使ってビルドできます。(Node.js依存)

🔽 反映した更新内容

(翻訳にあたり、ご協力いただいた @hachi8833 さんに感謝します💖)

今後もRailsの動向に合わせ、最新のガイドをお届けできるよう励んでいきます🎉

Railsガイドでは、継続的な更新・運営にご協力いただける協賛企業を引き続き募集しております💞 詳細はこちらよりご覧ください👇

この記事を書いた人: @Yuppy


YassLab株式会社の活動に興味を持っていただければ嬉しいです。こちらからのサポートは Raisチュートリアル、Railsガイドなど各サービスの向上に役立てていきたいと思います💓