JavaScript Module Bundling with Webpack and Rollup

In this video tutorial I explore JavaScript module bundling with two popular tools – Webpack and Rollup. Specifically we’re bundling ECMAScript (ES) modules. Using ES modules is a common technique today to write your code and then bundle into a format that’s convenient for use in the browser or node.

• Learn how to bundle a JavaScript module for publication using two popular tools, Webpack, and Rollup.
• Understand the basics of how to use the command line and configuration files for both tools.
• Examine the Webpack bundle format and learn what the mysterious code does that gets injected at the head of the file.
• Use a new Webpack 3 plugin that can decrease the size and load time of your bundled JavaScript module.
• Compare the two tools to learn which tool is right for your project.

I walk through the below comparison of the two JavaScript Module Bundling tools at the 13:25 mark of the video.

Thank you!