{"id":13591321,"url":"https://github.com/ronami/minipack","last_synced_at":"2025-05-15T07:04:45.017Z","repository":{"id":40211300,"uuid":"120828763","full_name":"ronami/minipack","owner":"ronami","description":"📦 A simplified example of a modern module bundler written in JavaScript","archived":false,"fork":false,"pushed_at":"2021-02-14T14:51:03.000Z","size":26,"stargazers_count":3241,"open_issues_count":11,"forks_count":323,"subscribers_count":38,"default_branch":"master","last_synced_at":"2025-04-14T11:11:26.664Z","etag":null,"topics":["browserify","commonjs","es2015","es6-modules","example","javascript","module-bundler","modules","parcel-bundler","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ronami.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-02-08T23:02:05.000Z","updated_at":"2025-04-13T14:11:15.000Z","dependencies_parsed_at":"2022-06-27T01:02:18.716Z","dependency_job_id":null,"html_url":"https://github.com/ronami/minipack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronami%2Fminipack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronami%2Fminipack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronami%2Fminipack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronami%2Fminipack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ronami","download_url":"https://codeload.github.com/ronami/minipack/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254292039,"owners_count":22046426,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browserify","commonjs","es2015","es6-modules","example","javascript","module-bundler","modules","parcel-bundler","webpack"],"created_at":"2024-08-01T16:00:56.091Z","updated_at":"2025-05-15T07:04:39.997Z","avatar_url":"https://github.com/ronami.png","language":"JavaScript","readme":"## 📦 Minipack\n\n\u003e A simplified example of a modern module bundler written in JavaScript\n\n### Introduction\n\nAs front-end developers, we spend a lot of time working with tools like [Webpack](https://github.com/webpack/webpack), [Browserify](https://github.com/browserify/browserify), and [Parcel](https://github.com/parcel-bundler/parcel).\n\nUnderstanding 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.\n\nThe 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.\n\n### Cool, where do I start?\n\nHead on to the source code: [src/minipack.js](src/minipack.js).\n\n### Try running the code\n\nStart by installing dependencies:\n\n```sh\n$ npm install\n```\n\nAnd then run our script:\n\n```sh\n$ node src/minipack.js\n```\n\n### Additional links\n\n- [AST Explorer](https://astexplorer.net)\n- [Babel REPL](https://babeljs.io/repl)\n- [Babylon](https://github.com/babel/babel/tree/master/packages/babel-parser)\n- [Babel Plugin Handbook](https://github.com/thejameskyle/babel-handbook/blob/master/translations/en/plugin-handbook.md)\n- [Webpack: Modules](https://webpack.js.org/concepts/modules)\n\n### Read this in other languages\n\n- [한글/Korean](https://github.com/hg-pyun/minipack-kr)\n- [中文/Chinese](https://github.com/chinanf-boy/minipack-explain)\n- [Русский/Russian](https://github.com/makewebme/build-your-own-webpack)\n","funding_links":[],"categories":["JavaScript","Learning Resources","Tutorials"],"sub_categories":["General"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fronami%2Fminipack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fronami%2Fminipack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fronami%2Fminipack/lists"}