I am starting a new web project and trying to use TypeScript, mainly as an ES6 transporter, but also with the additional benefits of type checking, especially for existing libraries such as jQuery, combined with Definitions of a Specific Type.
Starting with the latest version, TypeScript supports both its own internal modules and ES6 modules, which call "external" modules. Since ES6 is more standard than TypeScript, I intend to use ES6 / external modules, rather than traditional / internal TypeScript modules.
I have my own code defined in several files / modules, but I want the assembly to create one .js file that I can download from the browser.
The problem is that, as far as I can tell, TypeScript is able to generate only one output file using its own module format. If I try to use external ES6 modules, then it generates a separate .js file for each .ts file.
This means that I will need to combine them using a browser, but I also want the source map support, which means I have to configure the browser for the source and source maps, and then combine it with the exorcist so that the original map is extracted from bundle.
This seems like a very complicated build. Is there an easier way, perhaps TypeScript is directly supported? What is the best approach? What do you recommend?