Bundler

Install

npm i @putout/bundle

API

1import {bundle} from '@putout/bundler';
2
3console.log(bundle(CWD, entry, filesystem));

Internals

Convert ESM to CommonJS

To Simplify things up all files converted to CommonJS first. Let's suppose none of them use top-level await to get things simpler.

Parse filenames

Traverse all files starting from entry and get all filenames.

• parse-require;
• parse-filenames;
• resolve-filenames;
• resolve-require;
• bundle-files;

Bundle all files to object

Traverse filesystem and create object that contains filename and file content:

1const __filesystem = {
2    '/entry.js': () => {
3        const client = require('/client.js');
4        console.log(client);
5    },
6    '/client.js': (exports, require, module) => {
7        module.exports = 'hello';
8    },
9};

IIFE

Most likely we need IIFE so couple bundles can be loaded on page simultaneously.

Result Example

1const __modules = {};
2const __filesystem = {
3    '/entry.js': () => {
4        const client = require('/client.js');
5        console.log(client);
6    },
7    '/client.js': (exports, require, module) => {
8        module.exports = 'hello';
9    },
10};
11
12const require = (name) => {
13    const exports = {};
14    const module = {
15        exports,
16    };
17    
18    if (__modules[name])
19        return __modules[name];
20    
21    __filesystem[name](exports, require, module);
22    __modules[name] = module.exports;
23    
24    return module.exports;
25};
26
27require('/entry.js');

License

MIT