How to use blueimp-file-upload with webpack?

Question

I\'m using blueimp-file-upload in my website, and I\'m using webpack to organize my js code.

I installed blueimp-file-upload and jquery.ui.widget from NPM

Answer 1

first install two plugins

npm i blueimp-file-upload --save
npm i jquery-ui --save

then require in web pack

require('blueimp-file-upload/js/jquery.fileupload')

Answer 2

In webpack 3.x, the syntax will look like this:

  {
    test: require.resolve("blueimp-file-upload"),
    use: "imports-loader?define=>false"
  }

Answer 3

You can add an alias to jquery.ui.widget's main file - it unfortunately doesn't specify one in its package.json, so webpack can't find it otherwise.

resolve: {
    alias: {
        "jquery.ui.widget": "node_modules/jquery.ui.widget/jquery.ui.widget.js"
    }
},