Published on December 21, 2016 by Chrome

Using Webpack want to learn more about code splitting? Then check out this weeks Totally Tool Tips where Addy gives you his top tips and Matt, unhelpfully, questions it…..totes a webpack noob.

Links:
webpack Code Splitting: goo.gl/AHiBwn
webpack Code Splitting – Libraries: goo.gl/8QRh5N
PWAs with React.js: goo.gl/IX57NE

Watch more episodes of Totally Tooling Tips here: goo.gl/IoXka7?

Subscribe to the Chrome Developers channel at goo.gl/LLLNvf

Leave a Reply

12 Comments on "Code-splitting your way to better perf with Webpack in Totally Tooling Tips (S3, E15)"

Notify of
avatar

Cory Maloy
Guest
Cory Maloy
2 days 23 hours ago

I implemented code splitting on our enterprise app. We did it based by state, so each state has all the needed code per state and it gets lazy loaded when needed. Makes the app much more scalable, especially with single page applications (we use angular).

Jacob Johnson
Guest
Jacob Johnson
11 days 1 hour ago

What does that skeletor sticker say?

Pascal Gula
Guest
Pascal Gula
26 days 10 hours ago

Back to TTT, and shocked to see G is supporting React officially…

Jerry Liu
Guest
Jerry Liu
28 days 5 hours ago

If you have multiple landing pages, and you don't want to calculate what their common chunks are, here is a simple POC on how to auto generate common chunks: github.com/liuyanghejerry/webpack-auto-index-demo

zakaria amine
Guest
zakaria amine
29 days 1 hour ago

GWT framewok introduced code splitting long time ago ( Gmail was partly written in GWT)

Aabhas Arora
Guest
Aabhas Arora
29 days 12 hours ago

Exactly what I needed, thanks 🙂

Thiago Brito de Lima
Guest
Thiago Brito de Lima
29 days 19 hours ago

CommensChunkPlugin – I thought it very interesting to get the router's path separated in entry object having different properties as shown: P1, P2, P3 and so on and so on. I still didn't know that plugin.

Colin Fox
Guest
Colin Fox
29 days 20 hours ago

At 6:00, your bitly link says "wepback-precache" instead of "webpack-precache".

Google Chrome Developers
Guest
Google Chrome Developers
29 days 6 hours ago

Thanks! Just fixed it up.

André Breda
Guest
André Breda
29 days 22 hours ago
Google Chrome Developers
Guest
Google Chrome Developers
28 days 3 hours ago

Oh no. We should have guessed! :')

ischmitty
Guest
ischmitty
29 days 22 hours ago

Good article by @addyosmani done after this video on webpack budgets: “Webpack Performance Budgets” @addyosmani medium.com/webpack/webpack-performance-budgets-13d4880fbf6d

wpDiscuz