Webpack - A bundler for javascript and friends

•    Javascript

---

Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

webpack module-bundler module-loader loaders plugins build-tool web web-performance compiler javascript-compiler webpack2 commonjs amd esm es6 javascript-modules

rollup - Next-generation ES6 module bundler

•    Javascript

---

Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application. It uses the new standardized format for code modules included in the ES6 revision of JavaScript, instead of previous idiosyncratic solutions such as CommonJS and AMD. ES6 modules let you freely and seamlessly combine the most useful individual functions from your favorite libraries. This will eventually be possible natively, but Rollup lets you do it today.Install with npm install --global rollup. Rollup can be used either through a command line interface with an optional configuration file, or else through its JavaScript API. Run rollup --help to see the available options and parameters. The starter project templates, rollup-starter-lib and rollup-starter-app, demonstrate common configuration options, and more detailed instructions are available throughout the user guide.

modules bundler bundling es6 optimizer

es6-module-transpiler - Tomorrow’s JavaScript module syntax today

•    Javascript

---

This project is part of esnext, which has merged with Babel. All the features of esnext are supported by Babel, and more. All the tests from esnext have been ported over to Babel to ensure that switchers will have minimal code changes to make. The maintainers of esnext will continue working on Babel to bring better spec compliance, ES6 feature support, and performance. If you want a fast tool with bundling support as found in this project, you should check out Rollup. ES6 Module Transpiler is an experimental compiler that allows you to write your JavaScript using a subset of the ES6 module syntax, and compile it into AMD or CommonJS modules.

es6 module transpile amd commonjs

Parcel - Blazing fast, zero configuration web application bundler

•    Javascript

---

Parcel is a blazing fast zero configuration web application bundler. It automatically transforms modules using Babel, PostCSS, and PostHTML when needed - even node_modules. It has out of the box support for JS, CSS, HTML, file assets, and more - no plugins to install.

module-bundler build-tool css html assets web compiler commonjs es6 modules web-application-bundler

pax - The fastest JavaScript bundler in the galaxy.

•    Rust

---

The fastest JavaScript bundler in the galaxy. Fully supports ECMAScript module syntax (import/export) in addition to CommonJS require(<string>). Because your bundler is too slow.

module-bundler es6 ecmascript commonjs modules bundler browser web build-tool

dependo - Visualize your CommonJS or AMD module dependencies in a force directed graph report.

•    HTML

---

Visualize your CommonJS, AMD, or ES6 module dependencies in a force directed graph report - powered by D3.js. Let me introduce dependo - A small visualization tool that draws an force directed graph of JavaScript dependencies pulled from a codebase of CommonJS, AMD, or ES6. Behind the scene I’m using a wonderful library named node-madge, to extract the dependencies and combined with the power of D3.js I draw a beautiful zoomable directed graph.

amd requirejs require graph commonjs module circular dependency dependencies visualize d3 es6

Donejs - Web and Mobile application framework

•    Javascript

---

DoneJS is the easiest way to get a high-performance, real-time, web and mobile application done! The framework provides a nearly comprehensive combination of technologies for building complex JavaScript applications. If you are looking for the fastest way to get a fully modern development environment setup and produce a lightning fast application, you’ve come to the right place.

canjs stealjs donejs javascript-framework web-application-framework mobile-development mobile-application-development hybrid-mobile-framework

splittable - Module bundler with support for code splitting, ES6 & CommonJS modules.

•    Javascript

---

Requires java for one dependency to run. It is recommended to run splittable from the root directory of your project.

bundler module code-splitting commonjs es6 closure-compiler jsx

madge - Create graphs from your CommonJS, AMD or ES6 module dependencies

•    Javascript

---

Madge is a developer tool for generating a visual graph of your module dependencies, finding circular dependencies, and give you other useful info. Joel Kemp's awesome dependency-tree is used for extracting the dependency tree. Read the changelog for latest changes.

graphviz graph amd commonjs es6 sass stylus less dependencies madge es7 requirejs require module circular dependency

curl - curl

•    Javascript

---

curl.js is small, fast, extensible module loader that handles AMD, CommonJS Modules/1.1, CSS, HTML/text, and legacy scripts.

curl cujo amd loader module commonjs css html json

collections - This package contains JavaScript implementations of common data structures with idiomatic interfaces

•    Javascript

---

This package contains JavaScript implementations of common data structures with idiomatic iterfaces, including extensions for Array and Object. You can use these Node Packaged Modules with Node.js, Browserify, Mr, or any compatible CommonJS module loader. Using a module loader or bundler when using Collections in web browsers has the advantage of only incorporating the modules you need. However, you can just embed <script src="collections/collections.min.js"> and all of the collections will be introduced as globals. ⚠️ require("collections") is not supported.

collections data-structures observable list set map splay

minipack - 📦 A simplified example of a modern module bundler written in JavaScript

•    Javascript

---

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.

parcel-bundler webpack example browserify modules commonjs es6-modules module-bundler es2015

melchior.js - Chainable Module Definition (CMD) dependency loader for JavaScript

•    Javascript

---

Tiny JavaScript in-browser module loader that implements Chainable Module Definition API.Melchior is the first library that fully implements the Draft proposed by John Wu and brings to life "the most javascripty" way to configure modules and its dependencies for in-browser use.

cmd amd commonjs module loader chainable lazyloading scripts require

es-module-loader - Polyfill for the ES Module Loader

•    Javascript

---

Provides low-level hooks for creating ES module loaders, roughly based on the API of the WhatWG loader spec, but with adjustments to match the current proposals for the HTML modules specification, unspecified WhatWG changes, and NodeJS ES module adoption. Supports the loader import and registry API with the System.register module format to provide exact module loading semantics for ES modules in environments today. In addition, support for the System.registerDynamic is provided to allow the linking of module graphs consisting of inter-dependent ES modules and CommonJS modules with their respective semantics retained.

modules module-loader loader es-modules

esbuild - An extremely fast JavaScript bundler and minifier

•    Go

---

The main goal of the esbuild bundler project is to bring about a new era of build tool performance, and create an easy-to-use modern bundler along the way. Check out the getting started instructions if you want to give esbuild a try.

react css typescript es6 compiler jsx commonjs minifier tsx module-bundler

loadrunner - Simple, flexible and sane JavaScript loader and build tool for browsers.

•    Javascript

---

Loadrunner is a JavaScript dependency manager. Loadrunner started off as my science project script loader and module system but its turned into a generic dependency manager that you can build on to manage any type of asynchronous dependency from CSS templates to DOM events to cache loading. It does however include build in support for loading regular JavaScript files, AMD modules and its own, more elegant (IMHO) flavour of modules.

OzJS - A microkernel for modular javascript, a toolchain for modern front-end, a micro-framework for growable WebApp

•    Javascript

---

OzJS is NOT yet another script loader, but a microkernel that provides sorely-missing module mechanism at runtime (that means it mainly works at language-level, not file-level. Use Ozma.js to process files statically at build time based on the same mechanism) for large/complex javascript program, compatible with the de facto standards (AMD, NodeJS/CommonJS and traditional module pattern). Even better, it was implemented earlier than the well-known RequireJS, so there are differences between similar APIs in philosophy and approach, which bring more value.

amd module oz ozjs

lodjs - JavaScript模块加载器，基于AMD。迄今为止，对AMD理解最好的实现。

•    Javascript

---

The JavaScript module loader is based on [AMD] (https://github.com/amdjs/amdjs-api/blob/master/AMD.md). lodJS is the best implemented understanding of [AMD] (https://github.com/amdjs/amdjs-api/blob/master/AMD.md) up to now. 100% supports AMD specifications. Supports modular development. When a module is defined, modules can be used without maintaining a dependent module, just write a dependency, and lodJS will automatically be responsible for the dependency injection.

amd amd-specifications loader dependency-injection

conditioner - 💆🏻 Frizz free, context-aware, JavaScript modules

•    Javascript

---

Conditioner provides a straight forward Progressive Enhancement based solution for linking JavaScript modules to DOM elements. Modules can be linked based on contextual parameters like viewport size and element visibilty making Conditioner your perfect Responsive Design companion. Mount a component (like a Date Picker, Section Toggler or Carrousel), but only do it on wide viewports and when the user has seen it.

conditioner es6 import responsive amd module-loader mediaqueries webpack browserify requirejs media-queries media-query module dynamic design context conditions shampoo

react-custom-scrollbars - React scrollbars component

•    Javascript

---

This assumes that you’re using npm package manager with a module bundler like Webpack or Browserify to consume CommonJS modules. If you don’t yet use npm or a modern module bundler, and would rather prefer a single-file UMD build that makes ReactCustomScrollbars available as a global object, you can grab a pre-built version from unpkg. We don’t recommend this approach for any serious application, as most of the libraries complementary to react-custom-scrollbars are only available on npm.

scrolling react scrollbars customizable scroll scroller react-component custom