使jQuery-Mobile与webpack一起工作

Question

我正试图用jpack加载jquery-webpack。但到目前为止没有运气。

这是jQuery的& jQuery的移动我webpack.config代码：

loaders: [ 
    { 
     test: /jquery.mobile.js$/, 
     loader: "imports?define=>false,this=>window" 
    }, 

resolve: { 
    alias: { 
     "jquery": "jquery/src/jquery", 
     "jquery-mobile": "jquery-mobile/dist/jquery.mobile" 
    }, 
}, 

plugins: [ 
    new webpack.ProvidePlugin({ 
     $: "jquery", 
     jQuery: "jquery", 
     "window.jQuery": "jquery" 
    }), 
] 

这是jquery.mobile文件中的函数引起麻烦：

(function (root, doc, factory) { 
    if (typeof define === "function" && define.amd) { 
     // AMD. Register as an anonymous module. 
     define([ "jquery" ], function ($) { 
      factory($, root, doc); 
      return $.mobile; 
     }); 
    } else { 
     // Browser globals 
     factory(root.jQuery, root, doc); 
    } 
}(this, document, function (jQuery, window, document, undefined) { 
(function($) { 
    $.mobile = {}; 
}(jQuery)); 

的问题是， root.jQuery是未定义的。在那个函数“this”===“window”里面，当我用imports-loader注入这个=>窗口时，我检查了这个。

而另一个奇怪的时刻：如果我取代“本”与“窗口”这样的：

}(window, document, function (jQuery, window, document, undefined) { 

一切都变得很好。但我无法修改jquery.mobile文件，这可能会在未来造成麻烦。

任何帮助将不胜感激，谢谢！

Answer 1

下需要进口装载机（npm install imports-loader --save）

jQuery Mobile的预计this成为全球范围内（window）：

require("imports?this=>window!jquery-mobile/dist/jquery.mobile.js"); 

参考：https://webpack.github.io/docs/shimming-modules.html