by Sampo Kuokkanen

Sampo Kuokkanen
Rails
2022-01-16
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という夢のコンボで開発できます。