Rails 8でどうやってAlpineJSを導入できる？（importmap編）

Rails 7以降はデフォルトがimportmap！

Rails 7でWebpackerから開放される道が開け、Rails 8でもimportmapがデフォルトのままです！ 特にReact/Vueなど使っていない場合だと、こちらの方が簡単でデプロイも早くなります。

けれど・・・

JSライブラリを新規で入れたい時

にはどうしたらいいかというと、以下のコマンドでいけます！

bin/importmap pin alpinejs
bin/importmap pin alpine-turbo-drive-adapter

これだけでAlpineJSを使えるようにすることができます！ あと、Turbo用のアダプターもあるので、Turboとも一緒に使えます。

あとはAlpineを読み込みすれば、バッチリ動きます。

// app/javascript/application.js
import 'alpine-turbo-drive-adapter'
import Alpine from 'alpinejs'
window.Alpine = Alpine
Alpine.start()

これでRails、AlpineJS、Turbo、Tailwindという夢のコンボで開発できます。