Skip to main content

Bundler ↔ Dev tool to combine Modules into fewer file to optimize for Browser

aka Bundle

JS Bundle​

single combined JS Code output for Client to run, often Transpile to ES6 for compat

Dead Code Elimination​

(process) to remove unused Code

References​

  1. /src ↔ dir to add Source Code & other files to later Bundle into single Package

  2. Tree Shaking ↔ (process) to remove Dead Code from final Bundle

  3. Browser Module Path ↔ to import Module via Module Specifier to point to CDN URL link - to allow immediate Execution in Browser w/o Bundler

  4. Build Tool ↔ Dev tool to Transpile & Bundle project

  5. polyfill-library ↔ Lib to request Online API to remotely load Polyfill Bundle based on UA Client. cur ver v3

  6. dependencies ↔ to list Module to Bundle & prod ship

  7. ESBuild ↔ CLI Dev tool to Transpile & Bundle JS, fast efficient Compiler built in Go

  8. Vite ↔ Dev tool to scaffold & build framework UI, next-gen ESBuild Bundler 100X Webpack perf, support native Module, native TS

  9. to reduce bundle size ↔ keep Deps on Server Component, min Bundle for Client

  10. Webpack ↔ legacy production industry standard to Bundle Web App - slow clunky reliable 🐱‍🐉, deep config