如何编写一个与 Webpack Encore 兼容的 jQuery 插件

问题描述

我有一个小型的自定义 jQuery 插件：

(function ($) {

    $.StandardForm = function (element) {
        
        // ...
    };

    $.StandardForm.prototype = {

        submit: function(onDone,onError,always) {
        
            // ...

            $.ajax({

               // ...   
            })
        },startSubmit: function() {

            // ...
        },// ..
    };

}(jQuery));

现在我正在尝试修改以与 Webpack Encore 一起使用。我想以正确的方式做到这一点，既不使用 global.$ = $; 也不使用 .autoProvidejQuery()。

我试着像这样修改它：

import $ from "jquery";
(function ($) {

    $.StandardForm = function (element) {
        
        // ...
    };

    $.StandardForm.prototype = {

        submit: function(onDone,// ..
    };

}(jQuery));

第一个 $ 没问题，但在最后一个 }(jQuery)); 上失败了：

未捕获的引用错误：未定义 jQuery

是的，很明显“为什么”，但我不知道导入 jQuery 并将其别名为 $ 的正确语法是什么。

我试过了：

import $ from "jquery";
import jQuery from "jquery";

但它爆炸了。

有什么提示吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）