Добавление начальной загрузки в веб-пакет. Почему второй способ не работает

Question

Есть единственный способ, как это работает для меня

в js scrypts add:

import $ from 'jquery';
global.jQuery = $;
global.$ = $;

import Popper from 'popper.js'
global.Popper = Popper

import 'bootstrap'

// there $.fn defined anyway
// and in chrome console too (in first way)

Второй способ (не работает):

// ! comment this strings
// import $ from 'jquery';
// global.jQuery = $;
// global.$ = $;
// after bootstrap importing add

 console.log($.fn) // Object, defined   
 // past it in console after execution - it will undefined

// add in config
plugins: [
     new webpack.ProvidePlugin(
        {
            $: 'jquery',
            jQuery: 'jquery',
            'window.jQuery': 'jquery',
            'global.jQuery': 'jquery',
            'global.$': 'jquery',
        },
     ),
...

Но если сделать более низкий путь, я не знаю, почему в консоли на scrypt закончилась $ .fn undefined. Это похоже на другой пример $, используемый в консоли и в сборке webpack. Может кто-нибудь объяснить это?

есть это репозиторий для клонирования