Webpack and Code-Splitting for Phoenix

Lightening talk at ElixirLDN '16.
Code examples: https://gist.github.com/svileng/87bd85b23586fe166342adcb9831874e

Transcript

1. WEBPACK AND CODE-SPLITTING ⛏ for Phoenix
2. Svilen Gospodinov Co-Founder & CTO @svileng Engineers wanted! heresy.io
4. ♥
5. 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
6. CODE-SPLITTING
7. webpack --color --display-chunks --display-modules
8. plugins: [ new webpack.optimize.CommonsChunkPlugin({ children: true, async: true }) ]
11. /login /dashboard /account
12. MORE PROFIT Chunks do not have ?vsn=d which prevents caching!
13. Thank you! @svileng