How do I transpile TypeScript to ES6?

javascript typescript ecmascript-6 babeljs
zmii picture zmii · May 25, 2015 · Viewed 23.6k times · Source

Basically I need to be able to write TypeScript code in my IDE (this introduces great ease to development), compile it to ES6 and then apply babel.js (as all browsers doesn't support most ES6) to get the resulting ES5 scripts.

Is this possible? How can I achieve this?

Answer

Sahar Menashe picture Sahar Menashe · Feb 16, 2016

Yes.

You can target TypeScript compiler to ES6.

For example add this to your command line args:

--target es6

Related questions

How to load external scripts dynamically in Angular?

I have this module which componentize the external library together with additional logic without adding the <script> tag directly into the index.html: import 'http://external.com/path/file.js' //import '../js/file.js' @Component({ selector: 'my-app', …

Read More
Typescript es6 import module "File is not a module error"

I am using typescript 1.6 with es6 modules syntax. My files are: test.ts: module App { export class SomeClass { getName(): string { return 'name'; } } } main.ts: import App from './test'; var a = new App.SomeClass(); When I am trying to compile …

Read More
Typescript export vs. default export

What is the difference in Typescript between export and default export. In all the tutorials I see people exporting their classes and I cannot compile my code if I don't add the default keyword before exporting. Also, I couldn't find …

Read More