Actualmente estoy "importando" mis archivos javascript generados a través de index.html así

 <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>

Pero el único archivo que realmente se está ejecutando es main.js Todos los demás archivos tienen definiciones de clase que se usan en main.js (o realmente main.ts ). ¿Hay alguna forma de que main.ts importe las definiciones de clase de los otros archivos y solo incluya ese único archivo en el html?