Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Webpack 2: What's new and why you should upgrade

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tomas Ruzicka Tomas Ruzicka
February 27, 2017
Programming
200
0

Webpack 2: What's new and why you should upgrade

How tree shaking works and how to configure it.
Why you should care what's inside your bundle?
How can Webpack help you with that?

Avatar for Tomas Ruzicka

Tomas Ruzicka

February 27, 2017

More Decks by Tomas Ruzicka

See All by Tomas Ruzicka
[CZ] Typování v JavaScriptu
Avatar for Tomas Ruzicka lezuse
0
41
[CZ] Deployment frontendu webových aplikací
Avatar for Tomas Ruzicka lezuse
0
91
[CZ] CSS Modules
Avatar for Tomas Ruzicka lezuse
0
65

Other Decks in Programming

See All in Programming
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Kaigi on Rails 2026, Tokyo, Japan
Avatar for Marco Roth marcoroth
2
230
Performance Optimization With LLMs
Avatar for xLeitix xleitix
0
100
Unity6 URPによる海底をテーマにしたVJシステムの解説 | Unity Shader 完全に理解した 勉強会
Avatar for がむ gam0022
0
370
パズルゲームの作り方 / how to make puzzle games
Avatar for kaityo256 kaityo256
PRO
2
290
ジョジョの世界をXRで再現する
Avatar for mofurune mofurune
0
170
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
310
パスワード再設定メールのURLについて知っておこう
Avatar for uyuki uyuki234
0
160
golang-bob.pdf
Avatar for Yura Iwatsuka iwatsukayura
0
130
Railsバージョンを4倍にした話
Avatar for OPTiM optim
0
430
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
Avatar for Prota prota
1
1.9k
Atomic Design, Enforced: Scaling Mobile Design Systems (next.app devCon / droidCon Berlin 2026)
Avatar for Stelios Frantzeskakis steliosf
PRO
0
170
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
150

Featured

See All Featured
Fireside Chat
Avatar for paigeccino paigeccino
43
4.1k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.7k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
640
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
520
It's Worth the Effort
Avatar for 3n 3n
188
29k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.7k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
260
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
540
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2.1k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.3k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.9k

Transcript

  1. Webpack 2
 What's new and why you should upgrade today

  2. Performance budgets ⏱

  3. https://github.com/webpack/webpack/issues/3216

  4. None
  5. None

  6. Tree shaking

  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None

  15. Migrating

  16. New documentation https://webpack.js.org/guides/migrating/

  17. None

  18. Updates simplified configuration module.loaders => module.rules some plugins moved to

    core code splitting using import()
  19. None

  20. Blockers

  21. Unsupported plugins https://github.com/amireh/happypack/ https://github.com/shama/stylus-loader/issues/149

  22. Tips

  23. babel-preset-env https://github.com/babel/babel-preset-env

  24. None

  25. webpack-bundle-analyzer https://www.npmjs.com/package/webpack-bundle-analyzer

  26. None

  27. State of JS http://stateofjs.com/2016/buildtools/

  28. None

  29. require -> import/export https://github.com/agirton/webpack-babel-codemod

  30. Tomas Ruzicka @LeZuse