• About
• Goals
• Features
  • Typescript and Javascript
  • HTML
  • CSS
  • Smart-Splitting
  • Dev tools
• Installation
• Usage
  • CLI
  • API
• Unstable

Bundler is a zero configuration bundler with the web in mind.

• Webplatform and Deno are the source of truth
• Embrace the future (no legacy feature support)
• No configuration setup
• Allow flexible and modular usage of bundler API and CLI

• handles static import and export statements
• handles dynamic import() statements
• handles fetch() statements
• handles WebWorker imports
• handles ServiceWorker imports

• handles <link>, <script>, <style>, <source>, <img> and <video> tags
• handles style attributes

• handles css @import statements
• supports postcss-preset-env stage 2 and nesting-rules by default

Bundler automatically analyzes the dependency graph and splits dependencies into separate files, if it is used on multiple occasions. This prevents code duplication and allows multiple bundle files to share code.

• built in file watcher with --watch option
• built in code optimization and minification with --optimize option
• uses cache dir .bundler for faster reloads

deno install --unstable --allow-read --allow-write --allow-net --allow-env --name bundler https://deno.land/x/bundler/cli.ts

Info: You might need to specify --root /usr/local.

bundler bundle index.html=index.html

This will analyze the entry file index.html and its dependencies, generate bundles and write the output files into an directory.

import { bundle } from "https://deno.land/x/bundler/mod.ts";

const input = "src/index.html";

const inputs = [input];
const outputMap = { [input]: "index.html" };

const { bundles } = await bundle(inputs, { outputMap });

import {
  Bundler,
  HTMLPlugin,
  TypescriptPlugin,
} from "https://deno.land/x/bundler/mod.ts";

const input = "src/index.html";

const inputs = [input];
const outputMap = { [input]: "index.html" };

const plugins = [
  new HTMLPlugin(),
  new TypescriptPlugin(),
];

const bundler = new Bundler({ plugins });

const assets = await bundler.createAssets(inputs);
const chunks = await bundler.createChunks(inputs, assets, { outputMap });
const bundles = await bundler.createBundles(chunks);

This module requires deno to run with the --unstable flag. It is likely to change in the future.