在webpack构建的项目中开发JQUERY插件

我正在webpack构建的项目中开发一个jquery插件。JQ插件的常规包装如下所示：

(function ( $ ) {

    $.fn.pluginName = function(config) {
        const options = $.extend({
            option1: 'true',
            option2: 'true',
        }, config);

        return this.each( function() {
            // some code
        });
    };

}( jQuery ));

但为了使它与网页工作，我需要添加之前

(function(factory) {
    if (typeof define === 'function' && define.amd && define.amd.jQuery) {
        // AMD. Register as anonymous module.
        define(['jquery'], factory);
    } else if (typeof module !== 'undefined' && module.exports) {
        // CommonJS Module
        factory(require("jquery"));
    } else {
        // Browser globals.
        factory(jQuery);
    }
}

---

有人能给我解释一下它到底是干什么的吗？我真的需要所有这些代码吗？

这不是很多代码。让我了解一下这个魔术的作用，没有它JQ插件将无法工作