创建支持 UMD 的 jQuery 和 vanilla Javascript 插件？答案

【问题标题】：Create both jQuery and vanilla Javascript plugin that supports UMD?创建支持 UMD 的 jQuery 和 vanilla Javascript 插件？
【发布时间】：2017-12-05 16:03:03
【问题描述】：

是否可以创建一个可以使用 jQuery 和 vanilla Javascript 初始化的插件，例如：

// jQuery
$("#selector").plugin({
    option1: "val1",
    option2: "val2"
});

// Javascript
var plugin = plugin("#selector", {
    option1: "val1",
    option2: "val2"
});

还要确保它可以通过 import plugin from 'plugin.js' 或 var plugin = require('plugin.js') 的 ES6 或 CommonJS 模块使用

【问题讨论】：

你有没有尝试过？你做过研究吗？你的发现是什么？你被困在哪里了？
@Tomalak 到目前为止，我发现 Masonry 和 radialIndicator 做了类似的事情。砌体很难理解，因为它似乎有一些第 3 方包装。我认为radialindicator实际上可能是解决方案。
radialInidicator 的唯一问题是，在 jquery 和 vanilla javascript 初始化中转换获取和设置选项/事件/方法有点尴尬。

标签： javascript jquery jquery-plugins umd

【解决方案1】：

我认为这是一个更广泛的话题，但我最近实现了类似的东西，通过使用 WebPack 使用 ES6 实例化一些内容（如果我是正确的，如果没有设置特定的覆盖，Webpack 是基于 CommonJS）

假设一个插件可以用 jQuery 实例化，我假设一个简单的包装器就可以解决问题。

【讨论】：