Webpack: from 0 to 2 (devtalk)

Sebbene webpack venga utilizzato sempre di più dagli sviluppatori è ancora difficile darne una definizione semplice. Proviamo dunque a partire dall'inizio:

• prima e dopo: cosa significa migrare
• tutta una questione di configurazione: che cos'è... in sintesi
• loaders e plugins: è tutta magia?
• code splitting: CSS, commonsChunk, dynamic import e altri supereroi
• tree shaking: sòla, mito o feature-bomba?

E le performance, in tutto questo?

Entreremo a gamba tesa nel merito di questo diffuso quanto controverso strumento, cercando di evidenziarne pregi, difetti e limiti.

---

Slides

Here the devtalk slides used at MilanoJS on 04.04.2017:

• download the PDF
• view on slideshare

Examples

To run code examples:

$ cd ./examples
$ npm i
$ npm run build cs # run code-split example
$ npm run build dl # run code-split dynamic-load example
$ npm run build ts # run tree shake example

Then take a look at the code in ./dist folder. Yes, that's it. I'm a built code voyeur... but it's where I find most of the answers!