Webpack Icon

Webpack

Webpack is a bundler that takes modules with dependencies and creates static assets.
7 Stories
All Topics

Carmen Bourlon carmalou.com

How to version your service worker cache

Carmen Bourlon, writing on her personal blog: A browser will check in with a service worker every 24 hours and re-initiate the process, but only if there are changes. You might change your app’s CSS or JavaScript, but without a change to the service worker, the browser will never go and update your service worker. And if the service worker never gets updated, the changed files will never make it to your user’s browser! Fortunately, there’s a pretty simple fix – we’ll version our cache… Thanks to Carmen for this fresh take on service workers from an offline-first point of view. If you dug this, you might want to get on the list for her book “Let’s Take This Offline” — a book about service workers with a focus on helping users without a consistent internet connection.

read more

Webpack github.com

🚀 Jetpack wraps webpack to create a smoother developer experience

Jetpack can be used instead of webpack, webpack-cli, webpack-dev-server and webpack-dev-middleware without writing any configuration. Jetpack is a thin wrapper around webpack, and can be extended with any of the webpack configuration. Taking the configuration out of webpack seems like a recipe for success. This project is an exploration of some ideas accumulated over a few years using webpack in a variety of projects. Webpack is a very powerful and flexible tool. It applies to a lot of use cases and that is one of the reasons it has so many configuration options. Webpack also evolved over the years but preserved backwards compatibility as much as possible to support the large ecosystem built around it. I’d be surprised if some of the good ideas in Jetpack don’t find their way in to webpack proper.

read more

Omar Bahareth Medium

Lessons learned from a year of fighting with Webpack and Babel

Webpack and Babel are awesome, this article isn’t trying to say otherwise. We wouldn’t be able to use a lot of things if it weren’t for them, but the experience of using them together needs to get better. I faced many of these issues over the course of many months and understanding them/finding solutions was incredibly difficult (error messages don’t exactly tell you what went wrong and searching for them doesn’t always give relevant results), and I hope this article can act as the guide I had hoped to find back then. I love posts these where you take your hard-won learnings and share them with the world in an attempt to save others from the same headaches.

read more

Slack Engineering Icon Slack Engineering

Keep webpack Fast: A Field Guide for Better Build Performance

Slack chose webpack as their build tool, but it wasn’t fast enough. Our build took minutes, not seconds: a far cry from the sub-second concatenation we were used to. Slack’s web teams deploy up to 100 times on any given work day, so we felt this increase acutely. Let’s just say they went to work and came up with several techniques to speed up the build process. webpack is a fantastic, versatile, tool that does not need to cost the earth. These techniques have helped us reduce our median build time from 170 to 17 seconds and, while they have done much to improve the deployment experience for our engineers, they are by no means a complete work.

read more

0:00 / 0:00