Currently i'm "importing" my generated javascript files through index.html like so

<script src="scripts/drawable.js" defer></script>
<script src="scripts/clickable.js" defer></script>
<script src="scripts/images.js" defer></script>
<script src="scripts/buttons.js" defer></script>
<script src="scripts/keys.js" defer></script>
<script src="scripts/sprite.js" defer></script>
<script src="scripts/audio.js" defer></script>
<script src="scripts/main.js" defer></script>

But the only file that is actually being ran is main.js. All the other files have class definitions that are used on main.js (or really main.ts). Is there any way to have main.ts import the class definitions from the other files and just have that single file included in the html?