Bundling

Bundling — Is the process of following imported files and merging them into a single file: a “bundle”. 

//App:

// app.js
import { add } from './math.js';

console.log(add(16, 26)); // 42
// math.js
export function add(a, b) {
  return a + b;
}

//Bundle:

function add(a, b) {
  return a + b;
}

console.log(add(16, 26)); // 42

Bundling — Structure map

Clickable & Draggable!

Bundling — Related pages:

Performance

Code-Splitting