I was able to achieve what I needed by exposing Webpack. Use ng eject command.

First, install jQuery using npm install -S jquery (and I also installed npm install -S select2, because I needed that too).

Then, make sure that you made backup of your package.json file, since during ng eject Angular CLI will try to add its Webpack dependencies inside your package.json.

After ng eject finished working, inside webpack.config.js I added

// ... Inside require/imports part

const ProvidePlugin = require('webpack/lib/ProvidePlugin');



// ... Inside `plugins` section of Webpack configuration

new ProvidePlugin({

      $: jquery,

      jQuery: jquery

    })

And now select2 adds $(...).select2 function to global jQuery object properly!

To use jQuery with select2 inside your .ts file, you can add next lines at the beginning of that file:

import select2;

import jquery;

declare var $: any;



// Somewhere deep within component

// ...



$(this.input.nativeElement)

    .select2(config)

    .on(change select2:select select2:unselect, (e: any) => this.onSelect2ElementChange(e));



// ...