jquery - 使用 webpack.ProvidePlugin 时未定义 $

Question

我正在尝试将 jquery 与 webpack 一起使用，但即使我使用 Webpack Provider 插件，例如:

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

似乎没有将我的 jQuery 暴露给窗口全局范围。

Answer 1

据我了解，ProvidePlugin向其他 WebPacked 代码提供这些变量，但不向外部代码或内联脚本提供这些变量。

'expose-loader'插件交替地在 webpacked 包之外公开全局变量。将以下内容添加到您的规则中以定义指向捆绑的 jQuery 的全局 jQuery 和 $ 变量。

rules:[
...
// Expose jquery globally for inline/legacy use
{
    test: require.resolve('jquery'),
    use: [
        { loader: 'expose-loader', options: 'jQuery' },
        { loader: 'expose-loader', options: '$' }
    ]
},
...
]