JavaScript Tooling

Near-production

• now dev
• netlify dev -d public

Live reload

• parcel public/index.html
• zero public
• eleventy --passthroughall --input=public --serve

Hot module reloading

• For parcel and zero, enable HMR using module.hot && module.hot.accept();

Documentation

• parcel
• zero
• netlify dev
• now dev
• browser-sync

CDNs

UNPKG

cdnjs - The #1 free and open source CDN built to make life easier for developers

jsDelivr - A free, fast, and reliable CDN for Open Source

jspm.org - jspm.dev Documentation

Skypack

ES Modules

Snowpack

GitHub - snowpackjs/esm-hmr: a Hot Module Replacement (HMR) API for your ESM-based dev server.

GitHub - natemoo-re/microsite: Do more with less JavaScript. Microsite is a smarter, performance-obsessed static site generator powered by Preact and Snowpack.

jspm.org - jspm.dev Documentation

Vite

Vite

vitejs/vite

intrnl/vite-plugin-svelte

dominikg/svite

Production bundles

Rollup

GitHub - rollup/rollup: Next-generation ES module bundler

esbuild - An extremely fast JavaScript bundler

evanw/esbuild

GitHub - developit/microbundle: 📦 Zero-configuration bundler for tiny modules.

GitHub - formium/tsdx: Zero-config CLI for TypeScript package development

Rome Toolchain

GitHub - rome/tools: The Rome Toolchain. A linter, compiler, bundler, and more for JavaScript, TypeScript, HTML, Markdown, and CSS.

Bili

GitHub - egoist/bili: Bili makes it easier to bundle JavaScript libraries.

GitHub - snowpackjs/pack: 📦⚡️ Build your npm package using composable plugins. https://www.pika.dev/blog/introducing-pika-pack/

FuseBox · A bundler that does it right

StealJS

Fastpack · Pack JavaScript fast & easy

GitHub - fastpack/fastpack: Pack JS code fast & easy

Transpilers

Babel · The compiler for next generation JavaScript

Sucrase

swc · Super fast javascript / typescript compiler

Linters

ESLint - Pluggable JavaScript linter

RDambrosio016/RSLint

Executable packaging

GitHub - vercel/ncc: Compile a Node.js project into a single file. Supports TypeScript, binary addons, dynamic requires.

GitHub - vercel/pkg: Package your Node.js project into an executable

GitHub - nexe/nexe: 🎉 create a single executable out of your node.js apps

Modern Web

Web Dev Server: Modern Web