The document provides tips for significantly speeding up webpack builds, including reducing scope, using specific loaders like css-loader and babel-loader, and implementing caching strategies. It also suggests utilizing Happypack and DLL bundles for efficient asset management, along with utilizing environment variables and acknowledging specific known hacks. The author encourages engagement through their social media links for further questions and discussions.

1. How to make your webpack
builds 10x faster

2. Torsten Rüter
CTO & Co-Founder at Pixsy
React Native & Elm
Twitter: @trueterbs
Github: trueter
Photo: Jeremy Thomas

3. Reduce webpack scope

5. Use css-loader < 0.15

8. Use caching

9. https://github.com/babel/babel-loader

10. Use HappyPack

12. https://github.com/amireh/happypack/pull/15

13. Use DLL Bundles

16. Using DLL Bundles
• Two build steps
• 1. Create static assets
• 2. Create hot assets
• Use environment variable to differentiate

22. Gotcha:
Webpack Isomorphic Tools

23. Hacks

24. https://github.com/webpack/webpack/pull/2210

25. The calypso hack

26. https://github.com/Automattic/wp-calypso/pull/4195

27. And suddenly

29. If you’re still having issues
twitter.com/trueterbs
github.com/trueter

30. Thanks to
• quicksnap
• halt-hammerzeit
• amireh
• jvpr
• SimenB

31. And to you

32. Questions?