【2分で完了】Rails6でjQueryの導入方法

jQuery導入方法

rails6でのjQueryを導入方法のメモ。

$ yarn add jquery

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("@rails/ujs").start();
require("turbolinks").start();
require("@rails/activestorage").start();
require("channels");
# 追記
require("jquery");

これで、導入完了。

他にもこんな記事があります!