Package it into a library, please read https://webpack.js.org/guides...

After webpack is packaged, it is all closures. How can it be accessed globally?

In order to have global access, the relevant configuration of new webpack.ProvidePlugin must be added to webpack

For example

new webpack.ProvidePlugin({$: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery'})

Generally, just register your main object (or class) directly to the global object. For example, you can imitate the jQuery registration method (removing the section that determines document):

(function(global, factory) {
    "use strict";
    // 兼容模块化框架(主要是 AMD 框架)
    if (typeof module === "object" && typeof module.exports === "object") {
        module.exports = factory(global);
    } else {
        factory(global);
    }
})(typeof window !== "undefined" ? window : this, function(global) {
    // 这里是你的库代码
    global = MyLibEntry;
});

If you adopt a modular writing method, you can write the above code on the entry module.