アプリ開発でjqueryを使うことが多かったので、導入方法をまとめました。
Railsのバージョンは6.0.0です。
ターミナル
yarn add jquery
config/webpack/environment.js
const { environment } = require('@rails/webpacker')
# 追記
const webpack = require('webpack')
environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
$: 'jquery/src/jquery',
jQuery: 'jquery/src/jquery'
})
)
# ここまで
module.exports = environment
app/javascript/packs/application.js
require('jquery') # 追記
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("../category")
require("../category_post")