SystemJS Babel Extension
Supports loading TypeScript for
.ts and ES modules for
.js files natively in the browser for easy development workflows.
Builds on top of the fetch hook in SystemJS supported by both the
The source transform is skipped for all
System.register sources, thereby allowing interop of System modules, ES modules and TypeScript.
Specifically does not provide configuration hooks, because no type checking is performed and this is designed to handle current syntax only.
If a syntax or feature is supported in any browser, it should be supported here but polyfills are a non-goal. Feature requests and PRs welcome to improve support.
npm install systemjs-babel
<script src="systemjs/dist/s.js"></script> <script src="dist/systemjs-babel.js"></script> <script> // TypeScript modules supported with ".ts" extension System.import('./ts-module.ts'); // ES modules System.import('./es-module.js'); </script>
Explicit file extensions are required for loading dependencies. For TypeScript this means including the
.ts extension for relative dependency imports just like Deno.
Bare specifiers are mapped with import maps, so file extensions remain optional.
Not Suitable for Production Workflows