Asset Building using Webpack & Babel

Webpack

Webpack is an open-source JavaScript module bundler. Even though it is primarily a module bundler for JavaScript, it can transform front-end assets like HTML, CSS, and images if the corresponding plugins are included. Webpack takes modules with dependencies and generates static assets representing those modules.

Here are a few resources for you to get started –

Carrie Forde: Webpack for WordPress from WordPress.tv | (CC BY-SA 4.0)

Babel

Babel or Babel.js is a free and open-source JavaScript compiler and configurable transpiler used in web development.