What is the correct way to export jQuery to the global scope in webpack including plugins?

Question

JavaScript

Now I do this:

module: {
        rules: [{
            test: require.resolve('jquery'),
            use: [{
                loader: 'expose-loader',
                options: '$'
            }, {
                loader: 'expose-loader',
                options: 'jQuery'
            }]
        }],
    },

But why, for example, when plugins are imported next, do they not become available in jQuery.fn?

import $ from 'jquery';
import 'jquery.maskedinput';

Answer 1

I did this with such a crutch in one project , I just added a file to the entrypoint

import * as $ from "jquery";
(window as any).jQuery = $; // A workaround for 'bootstrap'
(window as any).$ = $; // A workaround to use $ in console