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.
Understanding WebPack
Here are a few resources for you to get started –
- Documentation
- How does Webpack work?
- Setting Up Webpack for your project
- Webpack Loaders & Plugins
- Webpack Dev Server
Babel
Babel or Babel.js is a free and open-source JavaScript compiler and configurable transpiler used in web development.