Rails 7でどうやってAlpineJSを導入できる？

Rails 7だとimportmapになる！

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

けれど・・・

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

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

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

これだけでAlpineJSを使えるようにすることができます！ あと、ターボドライバーもあるので、Turboとも使えます。

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

import 'alpine-turbo-drive-adapter'
import Alpine from 'alpinejs'
window.Alpine = Alpine

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