Transpiles

  • TypeScript
  • Traceur
  • Babel

So far, TypeScript implemented a few of its features like modules, classes, arrow functions, and more. TypeScript is closing the gap even further and will include almost all ES6 features with the addition of metadata and annotations.

This means that you can use these features today and the compiler will generate the required code.

modules

ES6 modules syntax (Babel):

import $ from 'jquery';

using jspm:

  • installs dependencies
  • module loading
  • module bundling
jspm install jquery
 
var $ = require('jquery');
 
$('body').append("I've imported jQuery!");

create a boundle:

jspm bundle-sfx --minify src/main bundle.min.js
<script src="bundle.min.js"></script>