jQuery中的错误未定义webpack和imports-loader

Question

当我试图添加一个jquery库时，我得到了这个错误。

{
   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 in jQuery is not defined

Answer 1

看起来有几种方法可以解决这个问题，我选择了expose-loader

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

See more details.