Is it possible to embed TypeScript code in a web page? I want to embed TypeScript code inside script tags, like this (so that it is automatically compiled to Javascript):
<script type = "text/typescript"> //TypeScript code goes here </script>
A JavaScript library has already been developed for this purpose - it's called TypeScript Compile, and it allows typescript to be embedded in HTML (as shown above.)
You can't use ts in HTML. If you want to do it you must do that in a separated file, use a transpiler and link the generated JS file inside the HTML.
Actually there are several projects that allow you to use TypeScript code like that - TypeScript Compile, ts-htaccess.
The catch here is that .ts code should be compiled into JavaScript - it can be done either at client-side (slow; the whole TSC should be loaded into the client as well) or at server-side (obviously faster, and it's far easier to leverage the cache on the compiled code).
This is a version I wrote that directly uses the version from Microsoft/TypeScript/master so it always stays up to date: https://github.com/basarat/typescript-script
You can even point ts
to any other TypeScript version you might have and it will work fine 🌹
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With