All Projects β†’ ronami β†’ Minipack

ronami / Minipack

Licence: mit
πŸ“¦ A simplified example of a modern module bundler written in JavaScript

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Minipack

Parcel
The zero configuration build tool for the web. πŸ“¦πŸš€
Stars: ✭ 39,670 (+1411.24%)
Mutual labels:  commonjs, modules, module-bundler
Webpack
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
Stars: ✭ 60,034 (+2187.01%)
Mutual labels:  webpack, commonjs, module-bundler
Cjstoesm
A tool that can transform CommonJS to ESM
Stars: ✭ 109 (-95.85%)
Mutual labels:  webpack, commonjs, modules
Browserify
browser-side require() the node.js way
Stars: ✭ 13,929 (+430.63%)
Mutual labels:  commonjs, modules, module-bundler
Webpack Node Externals
Easily exclude node modules in Webpack
Stars: ✭ 1,109 (-57.75%)
Mutual labels:  webpack, modules
Typescript Lib Example
Example of TypeScript library setup for multiple compilation targets using tsc and webpack
Stars: ✭ 50 (-98.1%)
Mutual labels:  webpack, example
Template.js
A javascript template engine, simple, easy & extras, support webpack, rollup, parcel, browserify, fis and gulp
Stars: ✭ 1,201 (-54.25%)
Mutual labels:  webpack, browserify
Vuerecipe
A recipe for using Buffalo & Vue.js
Stars: ✭ 95 (-96.38%)
Mutual labels:  webpack, example
Html Sass Babel Webpack Boilerplate
Webpack 4 + Babel + ES6 + SASS + HTML Modules + Livereload
Stars: ✭ 35 (-98.67%)
Mutual labels:  webpack, modules
Postcss Modules Example
How to use postcss-modules plugin
Stars: ✭ 78 (-97.03%)
Mutual labels:  example, modules
Common Shakeify
browserify tree shaking plugin using `common-shake`
Stars: ✭ 101 (-96.15%)
Mutual labels:  browserify, commonjs
Conditioner
πŸ’†πŸ» Frizz free, context-aware, JavaScript modules
Stars: ✭ 1,053 (-59.89%)
Mutual labels:  webpack, browserify
Starling Api Web Starter Kit
Starter kit and example app for using the Starling API.
Stars: ✭ 46 (-98.25%)
Mutual labels:  webpack, example
Component Pattern For Angular Js 1 X
Example of implementation of Component pattern for Angular JS 1.X using ES6 & Webpack
Stars: ✭ 75 (-97.14%)
Mutual labels:  webpack, example
Phaser Node Kit
Rapid Game Development with PhaserJS and Node for Modern Browsers
Stars: ✭ 39 (-98.51%)
Mutual labels:  browserify, modules
Npm Pipeline Rails
Use npm as part of your Rails asset pipeline
Stars: ✭ 93 (-96.46%)
Mutual labels:  webpack, browserify
Babel Plugin Prismjs
A babel plugin to use PrismJS with standard bundlers.
Stars: ✭ 114 (-95.66%)
Mutual labels:  webpack, browserify
Annotation Processing Example
It is the example project for the annotation processing tutorial.
Stars: ✭ 116 (-95.58%)
Mutual labels:  example, modules
Webpack Common Shake
CommonJS Tree Shaker plugin for WebPack
Stars: ✭ 875 (-66.67%)
Mutual labels:  webpack, commonjs
Suicrux
πŸš€ Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]
Stars: ✭ 958 (-63.5%)
Mutual labels:  webpack, example

πŸ“¦ 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

Additional links

Read this in other languages

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].