Ruby on Rails6にjQueryとBootstrapを導入したい。

#前提・実現したいこと
Rails6にJQueryとBootstrap4を導入したい。

#発生している問題
JQuery単体では動くが、Bootstrapを入れるためにenviroment.jsを編集すると、JQueryが動かなくなる。

https://qiita.com/masahisa/items/eaacb0c3b82f4a11fc13

こちらを参考にjQueryを導入したあと、

https://qiita.com/kazutosato/items/d47b7705ee545de4cb1a

こちらを参考にBootstrapとpopper.jsを導入し、enviromento.jsを編集すると、jQueryが動かなくなってしまいました。enviromento.jsを元に戻すと動作するようになるため、おそらくここが問題なのだと思います。
しかし、まだプログラミングを始めたばかりであり、これが何を行っているのかも理解できていません。よろしければ、なぜここを変更すると動作しなくなるのか、これは何を行っているのかをご教授いただけると幸いです。

#該当のソースコード

js
1const webpack = require('webpack')
2environment.plugins.prepend(
3  'Provide',
4    new webpack.ProvidePlugin({
5        $: 'jquery/src/jquery',
6        jQuery: 'jquery/src/jquery'
7        
8    })
9)
10

js
1const webpack = require('webpack')
2environment.plugins.prepend(
3  'Provide',
4    new webpack.ProvidePlugin({
5        $: 'jquery',
6        jQuery: 'jquery',
7        Popper: 'popper.js'
8  })
9)