使用Webpack公开jquery插件

Question

我正在尝试将bootstrap-daterangepicker与WebPack一起使用。在我的视图文件中,我有以下内容：

define(function (require) {
    require('bootstrap-daterangepicker');

    $('#daterangepicker').daterangepicker({ ... });
});

在webpack.config.js中：

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

Answer 1

显然，bootstrap-daterangepicker试图加载他自己的jQuery。因此$.fn.dateRangePicker在'my'jQuery中不可用。我已经强制bootstrap-dateRangePicker在webpack.config.js中包含我的jQuery和这一行：

resolve: {
    alias: {
        'jquery': require.resolve('jquery'),
    }
}