rails6でのjqueryの読み込みについて

Question

前提、やったこと

rails6.1.4, ruby2.6.3を使っています。
非同期通信やbootstrapでjqueryを導入するときに、jqueryを

yarn add jquery

で導入した後に、
config/webpack/environment.jsで

const { environment } = require('@rails/webpacker')

const webpack = require('webpack')
environment.plugins.prepend(
  'Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery'
  })
)

module.exports = environment

app/javascript/application.jsで

import Rails from "@rails/ujs"
import Turbolinks from "turbolinks"
import * as ActiveStorage from "@rails/activestorage"
import "channels"
import "jquery"

を記述してjqueryを使うようにしているんですが、environment.jsのpluginがどのような働きをしているか全然理解できていません。

理解したいこと

今回教えていただきたいことは

• environment.jsのpluginの記述とapplication.jsのimport "jquery"はどちらかだけで動くのか
• そもそもpluginの部分は何をやっているのか
• pluginの$とjQueryの部分で、jqueryと記述する場合とjquery/src/jqueryと記述する場合を見たのですが、違いは何か。

です。
自分でいろいろ調べましたがここの部分でいい情報を探せませんでした。
javascript関連は勉強不足なので力を貸してください。お願いします。

参考

参考にしていたのは、
https://qiita.com/kazutosato/items/d47b7705ee545de4cb1a
このような感じの導入方法を紹介しているサイトです。
ドキュメントなどは該当する情報を見つけられなかったので参考にはできませんでした。

Answer 1

ドキュメントを読んで動作を理解できました。