less

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.

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

dependency

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

usage

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

options

assets {
 fileset {
   home: ...
 }
 pipeline {
   dev: [less]
   dist: [less]
 }
 less {
   dev {
     sourceMap {
       sourceMapFileInline: true
     }
   }
 }
}

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.