在webpack中管理jQuery插件依赖关系

Question

我在我的应用程序中使用Webpack，在其中我创建了两个入口点--用于所有JavaScript文件/代码的bundle.js，以及用于所有库（如jQuery和React）的vendors.js。我该怎么做才能使用具有jQuery作为依赖项的插件，并且我也想在vendors.js中拥有这些插件呢？如果那些插件有多个依赖项呢？

目前，我正在尝试使用这个jQuery插件:https://github.com/mbklein/jQuery-弹性。Webpack文档提到了ProvidePleugin和Imports-Loader。我使用了ProvidePleugin，但jQuery对象仍然不可用。下面是我的webpack.config.js的样子-

var webpack = require('webpack');
var bower_dir = __dirname + '/bower_components';
var node_dir = __dirname + '/node_modules';
var lib_dir = __dirname + '/public/js/libs';

var config = {
    addVendor: function (name, path) {
        this.resolve.alias[name] = path;
        this.module.noParse.push(new RegExp(path));
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jquery: "jQuery",
            "window.jQuery": "jquery"
        }),
        new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js', Infinity)
    ],
    entry: {
        app: ['./public/js/main.js'],
        vendors: ['react','jquery']
    },
    resolve: {
        alias: {
            'jquery': node_dir + '/jquery/dist/jquery.js',
            'jquery.elastic': lib_dir + '/jquery.elastic.source.js'
        }
    },
    output: {
        path: './public/js',
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            { test: /\.js$/, loader: 'jsx-loader' },
            { test: /\.jquery.elastic.js$/, loader: 'imports-loader' }
        ]
    }
};
config.addVendor('react', bower_dir + '/react/react.min.js');
config.addVendor('jquery', node_dir + '/jquery/dist/jquery.js');
config.addVendor('jquery.elastic', lib_dir +'/jquery.elastic.source.js');

module.exports = config;

但尽管如此，它还是在浏览器控制台抛出了一个错误：

未捕获的ReferenceError：未定义jQuery

类似地,当我使用imports-loader时,它会抛出一个错误,

未定义要求‘

在这一行中：

var jQuery = require("jquery")

然而，当我没有将它添加到vendors.js文件中，而是以正常的AMD方式需要它时，我可以使用相同的插件，就像我包含其他JavaScript代码文件一样，比如-

define(
[
    'jquery',
    'react',
    '../../common-functions',
    '../../libs/jquery.elastic.source'
],function($,React,commonFunctions){
    $("#myInput").elastic() //It works

});

但这不是我想做的，因为这意味着jQuery.elastic.source.js与我的JavaScript代码捆绑在bundle.js中，并且我希望我的所有jQuery插件都在vendors.js捆绑中。那么我该如何去实现这一点呢？