Β
Syntax Conference 2017
Technical Director atΒ Craftpeak
Dina
Wilbur
π
π
π
HTML
CSS
JS
πΌ
IMG
π
Β
π
Β
π
Β
π
Β
π
Β
π
CSS
Β
π
Β
π
Β
π
Β
π
Β
π
Β
π
JS
Β
π
HTML
πΌ
IMG
πΌ
IMG
π
Vendor
What is this anyways?
π
Β
π
Β
π
Β
π
Β
π
Β
π
CSS
Β
π
Β
π
Β
π
Β
π
Β
π
Β
π
JS
Β
π
HTML
πΌ
IMG
πΌ
IMG
π
Vendor
Where does your code come from?
π
Β
π
Β
π
Β
π
Β
π
Β
π
CSS
Β
π
Β
π
Β
π
Β
π
Β
π
Β
π
JS
Β
π
HTML
πΌ
IMG
πΌ
IMG
π
Vendor
Where does your code go?
new PluginName
Instead of reloading the page, Webpack can INJECT new JS (and other) changes right into the page.
Tree Shaking == Dead Code Elimination
Β
Make sure you're only importing what you need, if you're using modern JS libraries as dependencies, Webpack is already only including the code you need π