Javascript - Toolchain (Build tools)

About

This page is about building/shipping in the context of Javascript

A JavaScript build toolchain typically consists of:

• A package manager to install and update package such as yarn, npm.
• A bundler (such as webpack, parcel).
• A task runner (such as gulp, grunt)

Build Operations

bundler and task runner are orchestrator tools for build operations such as:

• compilers / transpilers such as Babel to:
  • write modern JavaScript code that still works in older browsers.
  • transform an adapted web language (jsx, …) into a browser language (js)
• merge/concate
• Linter (ie optimizer)
  • minify the HTML, CSS, JS files
  • optimise images.