我想将jquery-1.4.2
与jquery-3.x
并行包含在内。我将两个脚本的路径别名为:jquery1
/jquery3
对于jquery-3.x,下面的代码有效:
require("imports-loader?jQuery=jquery3!app/some.jquery.myplugin");
但是如果我对 jquery1 做同样的事情:
require("imports-loader?jQuery=jquery1!app/some.jquery.mylegacyplugin");
我在运行时得到:无法设置未定义的属性 mylegacyplugin。
到目前为止,我找到的唯一解决方案是编辑jquery-1.4.2.文件并在函数末尾添加以下内容:
module.exports=jQuery;
是否有一个加载器可以用来避免编辑jquery的源代码?
我创建了一个演示它的存储库
安装: npm i exports-loader -D
.我看到您已经安装了imports-loader
。
我希望您可以修改您的插件以添加module.exports
.
myJQueryPlugin.js
$.fn.greenify = function () {
debugger;
this.css("color", "green");
return this;
}
module.exports = $;
添加以下规则:
module: {
rules: [
{
use: "exports-loader?window['jQuery']",
test: /jQuery.1.4.2.js$/
},
我还为我的jQuery插件添加了一个resolve.alias:
resolve: {
alias: { // shortcuts
"myjqPlugin": path.resolve("src/scripts/plugins/app/myJQueryPlugin.js")),
然后在您的索引中.js
// you would probably name this `var` differently:
var my142jQueryIncludingPlugin = require("imports-loader?$=../../libs/jQuery.1.4.2.js!myjqPlugin");
my142jQueryIncludingPlugin("*").greenify();
结果:一切都是绿色的:-(