Sitemap
Welldone Software

The leading full-stack software solutions company. Creating amazing frontends and rock-solid backends using top-notch technologies and practices. Visit us at https://welldone.software/

Babel.js Guide -Part 1- The Absolute Must-Know Basics: Plugins, Presets, And Config

4 min readJul 4, 2019

--

What is Babel?

Transformation of ES6 into ES5- illustration :P
Before and after: a transpilation of an arrow function into a regular function.

Using Babel

Online REPL (Read–Eval–Print Loop)

Builders

Webpack utilizing Babel
Rollup utilizing Babel

CLI

A simple installation and usage of Babel through CLI

Babel Plugins

Babel Presets

Original code, and a transpiled version of the code that supports IE11.

Configuration Files

Babel Plugins and Presets Application Order

Babel Plugins and Presets Options

--

--

Welldone Software
Welldone Software

Published in Welldone Software

The leading full-stack software solutions company. Creating amazing frontends and rock-solid backends using top-notch technologies and practices. Visit us at https://welldone.software/

Responses (2)