Webpack is a build tool that puts all of your JavaScript files, images, fonts, and CSS, in a dependency graph. This lets you use require() in your source code to point to local files and decide how they can be processed in your final JavaScript bundle.

Poi is a zero-config bundler that is built on top of Webpack. Zero-config does not indicate that there’s no configuration at all, just that a lot of things are already configured by Poi for us!

In this post, I will show you how to set up your JavaScript app, bundle it using Webpack, and configure it using Poi!

Tip: When working with components, Bit can help you share them in a visual catalog and install/import the ones you need into your apps. This helps reduce app size while creating a faster workflow. It’s on GitHub, give it a try :)