How to make sure that the browser does not have problems with include's in js after compiling typescript ???

Question

JavaScript

I really don’t want to drag a hundred libraries to the project, I want to create a .ts file, put a watcher and get a js file in the output, in which the libraries and modules connected to typescript will work.
For example, I will describe the case in more detail...
There is a project (website). Project in PHP... As it should be for the frontend, js is used...
I worked here with .ts and I wanted it everywhere.. But for now I need libraries such as jquery and some plugins for it...
I installed a couple via npm modules (jquery and slick-slider) got the following structure

. I can compile using the built-in compiler in phpstorm or tsc which is installed globally with node.js
And I need it to work:

import $ from 'jquery';

$(document).ready(function () {https://toster.ru/#
   console.log(123);
});

So far, the browser is swearing: Tell me

a method that is not crutch and minimal in terms of resources, please)
For example, everything works out of the box in Angular2. There, when the application is running, it will watch and compile and turn on .... But there is a lot of everything, it takes a very long time to figure it out ..

Answer 1

Perhaps I have already answered my own question and Browserify can help me, but this is not accurate)