← All posts

by Sampo Kuokkanen

User avatar
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という夢のコンボで開発できます。

Ruby, Elixirの開発はご相談ください!

合同会社Sampo Development

sampo@sampo.ltd