Slide 1

Slide 1 text

Clash of Titans Rollup vs Webpack

Slide 2

Slide 2 text

What is module bundling?

Slide 3

Slide 3 text

“[...] stitching together a group of modules (and their dependencies) into a single file (or group of files) in the correct order” - Preethi Kasireddy

Slide 4

Slide 4 text

How difficult is that?

Slide 5

Slide 5 text

“Ora cominciamo a scheggiarci i denti” - A. Bellini aka @ilmente

Slide 6

Slide 6 text

Rollup or Webpack? Which one should I pick?

Slide 7

Slide 7 text

ES6 Support Rollup Webpack

Slide 8

Slide 8 text

Plugins Rollup Webpack

Slide 9

Slide 9 text

Web Dev Server Rollup Webpack

Slide 10

Slide 10 text

Code Splitting Rollup Webpack

Slide 11

Slide 11 text

Hot Module Replacement (HMR) Rollup Webpack

Slide 12

Slide 12 text

Tree Shaking Rollup Webpack

Slide 13

Slide 13 text

Building Time Rollup Webpack

Slide 14

Slide 14 text

Bundle Size Rollup Webpack

Slide 15

Slide 15 text

Organization and Community Rollup Webpack

Slide 16

Slide 16 text

Insights

Slide 17

Slide 17 text

Italia JS Slack @rickdrink Twitter @RickyBevilacqua

Slide 18

Slide 18 text

No content