Am I including jquery in webpack correctly?

Question

JavaScript

I found several articles on the Internet on connecting jquery to Webpack and I had a question about the correct connection: in one article it is written about connecting through ProvidePlugin, in another through html-webpack-externals-plugin, in another one through the import lines in index.js * as $ from 'jquery' (as I understand it, this is a reference to the node_modules folder). I got jquery working through import * as $ from 'jquery' and the questions are:

1) Why are there several ways to connect jquery? Each of the ways for certain tasks?

2) When I go to the jquery file in the line import * as $ from 'jquery', I open the index.d.ts file, because the jquery.js file itself should open