ino-akiのブログ

ITエンジニアを目指して学習したことをアウトプットするブログ

RailsでJavaScriptを読み込む

app/javascript内に任意の名前の.jsファイルを作成

作成したファイルを読み込むためには、importmap.rbとapplication.jsで設定を行う必要がある

 

config/importmap.rbにpin "post", to: "post.js"を記述

# Pin npm packages by running ./bin/importmap

pin "application", preload: true
pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
pin_all_from "app/javascript/controllers", under: "controllers"
pin "post", to: "post.js"

app/javascript/application.jsにimport "post"を記述

// Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
import "@hotwired/turbo-rails"
import "controllers"
import "post"

 

あとは作成したファイルapp/javascript/post.js内にコードを書いていく