使用CommonJS加载jQuery插件

Question

我正在尝试使用Webpack来引入JS模块，包括jQuery和一个jQuery插件。我可以毫无问题地加载jQuery，但是当我试图加载一个插件来配合它使用时，我在浏览器控制台中得到了一个jQuery is not defined错误。我对Common JS和Webpack是个新手，所以如果有任何帮助，我将不胜感激。

到目前为止，我的代码如下：

var $ = require('../../../../../bower_components/jquery/dist/jquery.js');
require('../../../../../bower_components/jquery.uniform/jquery.uniform.js');

module.exports = function(){
    function init(){
        $('select, checkbox').uniform();
    }

    return {
        init: init
    };
}();

在jquery.uniform.js文件的末尾，我得到了上面提到的错误，因为它引用了jQuery，但由于某种原因，它尚未定义。

(function (wind, $, undef) {
    ...
    ...
}(this, jQuery));

你有什么办法让它工作吗？还是说我做得完全错了？

Answer 1

我想你可能想试一试npm。设置package.json dep，如下所示：

"uniform": "pixelmatrix/uniform#v2.1.2",

还要确保jquery在您的项目中(即。npm i jquery --save)。

完成这些步骤后，您可以尝试像这样导入：

var uniform = require('imports?$=jquery!uniform/jquery.uniform');

你应该能够推送令人讨厌的外观导入到Webpack配置，如果这是工作。我希望这能帮到你!