用Webpack公开jquery插件

Question

我正在尝试使用Webpack的bootstrap- daterangepicker.在我的视图文件中,我有以下内容:

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

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

并在webpack.config.js:

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

这导致了daterangepicker is not a function.我看了一下daterangepicker.js,似乎$.fn.daterangepicker没有正确导出.我该怎么做？我曾尝试使用imports-loader强制导入jQuery,但这没有帮助.

Answer 1

显然bootstrap-daterangepicker尝试加载自己的jQuery.因此$.fn.daterangepicker在'my'jQuery中不可用.我不得不bootstrap-daterangepicker在webpack.config.js中包含我的jQuery这一行:

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