babel

Babel is a JavaScript compiler with a set of ES2015 syntax transformers that allow you to use new syntax, right now without waiting for browser support.

Make sure you’ve already set up the assets module in your project!

dependency

<dependency>
  <groupId>org.jooby</groupId>
  <artifactId>jooby-assets-babel</artifactId>
  <version>1.6.6</version>
  <scope>provided</scope>
</dependency>

usage

assets {
 fileset {
   home: ...
 }
 pipeline {
   dev: [babel]
   dist: [babel]
 }
}

dependency

<dependency>
  <groupId>org.jooby</groupId>
  <artifactId>jooby-assets-babel</artifactId>
  <version>1.6.6</version>
  <scope>provided</scope>
</dependency>

options

assets {
 fileset {
   home: ...
 }
 pipeline {
   dev: [babel]
   dist: [babel]
 }
 babel {
  dev {
    sourceMaps: inline
  }
  presets: [es2015, react]
 }
}

css processors

• autoprefixer: parse CSS and add vendor prefixes to CSS rules via autoprefixer.

• props: replace application properties in CSS files.

• clean-css: minify css.

• csslint: check and validate css rules.

• less4j: Less support from less4j.

• less: Less support from less.js.

• sass: Sass support from Java Sass Compiler (libsass).

• svg-sprites: Generates SVG and CSS sprites with PNG fallbacks via dr-svg-sprites.

• svg-symbol: Generates SVG and CSS sprites using svg symbols.

• yui-css: YUI CSS optimizer.

js processors

• props: replace application properties in JavaScript files.

• jscs: JavaScript code style checker.

• jshint: JavaScript linter, helps to detect errors and potential problems in code..

• babel: Ecma6 now via Babel.

• rollup: rollup.js the next-generation ES6 module bundler.

• ng-annotate: Add, remove and rebuild AngularJS dependency injection annotations.

• closure-compiler: Google JavaScript optimizer and minifier.

• uglify: uglify.js optimizer.

• replace: replace strings in files while bundling them.

• requirejs: r.js optimizer.

• yui-js: YUI JS optimizer.