April 23, 2019

195 words 1 min read

ronami/minipack

ronami/minipack

A simplified example of a modern module bundler written in JavaScript

repo name ronami/minipack
repo link https://github.com/ronami/minipack
homepage
language JavaScript
size (curr.) 26 kB
stars (curr.) 2025
created 2018-02-08
license MIT License

📦 Minipack

A simplified example of a modern module bundler written in JavaScript

Introduction

As front-end developers, we spend a lot of time working with tools like Webpack, Browserify, and Parcel.

Understanding how those tools work can help us make better decisions on how we write our code. By understanding how our code turns into a bundle and how that bundle looks like we can also debug it better.

The purpose of this project is to explain how most bundlers work under the hood. It contains a short implementation of a simplified but still reasonably accurate bundler. Along with the code, there are comments explaining what the code is trying to achieve.

Cool, where do I start?

Head on to the source code: src/minipack.js.

Try running the code

Start by installing dependencies:

$ npm install

And then run our script:

$ node src/minipack.js

Read this in other languages

comments powered by Disqus