yarn add jquery
config/webpack/environment.jsに下記を記述。
const webpack = require('webpack')
environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
$: 'jquery/src/jquery',
jQuery: 'jquery/src/jquery'
})
)
app/javascript/packs/application.jsに下記を記述。
require("jquery")
これでscriptタグから作るjqueryの動作は作れる。
ただ外部ファイルに分けて動作をさせたい場合は、
app/javascriptの直下に任意のファイル(〇〇.js)を作り、
app/javascript/packs/application.jsに下記を記述。
require("〇〇")