ERROR in jQuery is not defined webpack and imports-loader

Question

I got this error when I tried to add a jquery library.

{
   test: require("path").resolve("./main/static/src/application.js"),
   loader: 'imports-loader?this=>window,$=jquery!./main/static/src/vendor/jquery-ui/ui/widgets/draggable.js'
}

new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    'window.jQuery': 'jquery',
    'window.$': 'jquery',
    io: 'socket.io-client',
    _:'underscore',
    moment:"moment",
})

ERROR:

ERROR in jQuery is not defined

Answer 1

It looks like there are a few ways to resolve this, I opted for the expose-loader :

{
  test: require.resolve('jquery'),
  use: [
   'expose-loader?jQuery',
   'expose-loader?$'
  ]
},

See more details.