Tweet
Tweet

Slide 1

Slide 1 text

WEBPACK AND CODE-SPLITTING ⛏ for Phoenix

Slide 2

Slide 2 text

Svilen Gospodinov Co-Founder & CTO @svileng Engineers wanted! heresy.io

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

♥

Slide 5

Slide 5 text

Brunch Webpack • Small, concise config file • Easier to use and quicker to start with • Long and verbose configuration • Fine-grain control and highly configurable TWO POINT COMPARISON

Slide 6

Slide 6 text

CODE-SPLITTING

Slide 7

Slide 7 text

webpack --color --display-chunks --display-modules

Slide 8

Slide 8 text

plugins: [ new webpack.optimize.CommonsChunkPlugin({ children: true, async: true }) ]

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

/login /dashboard /account

Slide 12

Slide 12 text

MORE PROFIT Chunks do not have ?vsn=d which prevents caching!

Slide 13

Slide 13 text

Thank you! @svileng