Quarkus logo Web Bundler - Main Concepts

How it works

It’s really simple, the web bundler:

Web Bundler schema

  1. Takes/watches your web resources and Web Dependencies.

  2. Bundles it with the supersonic esbuild compiler (scss are also compiled if needed) and serves them.

  3. Make it easy to create pages (.html) with the bundle scripts and styles using Qute or any other template engine.

Web Dependencies

Once added in the pom.xml the dependencies are directly available through import from the scripts and styles:

app.js
import $ from 'jquery';

$('.hello').innerText('Hello');

Imported dependencies scripts and styles will be bundled.

Only imported dependencies (scripts and styles) will be bundled, dead code will be eliminated during the build.