<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/webpack-cs2uslouz" -->

---
title: webpack | daily.dev
description: Webpack 5.0.0 has shipped as the first major release since webpack 4 (February 2018), bundling architectural improvements and breaking changes that had...
canonical: https://daily.dev/posts/webpack-cs2uslouz
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: webpack | daily.dev
og:description: Webpack 5.0.0 has shipped as the first major release since webpack 4 (February 2018), bundling architectural improvements and breaking changes that had...
og:url: https://daily.dev/posts/webpack-cs2uslouz
og:image: https://api.daily.dev/og/posts/CS2UsLouz.png
og:image:alt: webpack
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# webpack

**[webpack](https://daily.dev/sources/webpack-blog)** · 48 min read · 0 upvotes · 0 comments

## Summary

Webpack 5.0.0 has shipped as the first major release since webpack 4 (February 2018), bundling architectural improvements and breaking changes that had accumulated over years of feature work without breaking APIs. Key additions include persistent filesystem caching, deterministic module/chunk IDs for better long-term caching, Module Federation for connecting multiple webpack builds, native asset modules, native Web Worker support, improved tree shaking (including inner-module and CommonJS tree shaking), support for package.json exports/imports fields, Yarn PnP, and TypeScript typings generation. Automatic Node.js polyfills were removed to improve web platform compatibility. A detailed migration guide accompanies the release, and the post also covers a reduction in contributor sponsorship due to the pandemic, including trivago ending its multi-year sponsorship.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://webpack.js.org/blog/2020-10-10-webpack-5-release>

## Questions this post answers

### What are the major breaking changes when upgrading from webpack 4 to webpack 5?

Webpack 5 removes automatic Node.js core module polyfills, deprecates all items that were deprecated in v4, changes default module/chunk ID algorithms to 'deterministic', requires closing compilers manually via Compiler.close, renames output.jsonpFunction to output.chunkLoadingGlobal, and removes the legacy webpack 3 plugin compatibility layer. A full migration guide accompanies the release.

_Track breaking changes like these before running a webpack 5 upgrade on daily.dev._

### Does webpack 5 still automatically polyfill Node.js core modules like crypto for the browser?

No, webpack 5 stops automatically polyfilling Node.js core modules such as crypto, focusing instead on frontend-compatible modules to improve web platform compatibility. Developers must manually add a polyfill if needed, or package authors can use the browser field in package.json to provide browser-compatible alternatives.

_Developers debugging bundle size regressions after a webpack upgrade can follow this kind of change on daily.dev._

### What is Module Federation in webpack 5?

Module Federation is a webpack 5 feature that allows multiple independent webpack builds to work together as if they were one connected module graph at runtime. Modules can be imported from specified remote builds with minimal restrictions, enabling micro-frontend architectures without needing all code compiled into a single build.

_Evaluating micro-frontend approaches like Module Federation is easier when following webpack updates on daily.dev._

## Similar posts on daily.dev

- [webpack](https://daily.dev/posts/webpack-xfuofstyh) · webpack · 7 upvotes · 5 comments
- [Module Federation 2.0 Reaches Stable Release with Wider Support Outside of Webpack](https://daily.dev/posts/module-federation-2-0-reaches-stable-release-with-wider-support-outside-of-webpack-dwxostajk) · InfoQ · 0 upvotes · 0 comments
- [Webpack 5.110](https://daily.dev/posts/webpack-5-110-yid8nftne) · webpack · 0 upvotes · 0 comments
- [ts-loader goes webpack 4... again\!](https://daily.dev/posts/ts-loader-goes-webpack-4-again--ixscxxh9g) · John Reilly · 1 upvotes · 0 comments

---

Tags: [#javascript](https://daily.dev/tags/javascript), [#webpack](https://daily.dev/tags/webpack)

[View this post on daily.dev](https://daily.dev/posts/webpack-cs2uslouz)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"webpack","url":"https://daily.dev/posts/webpack-cs2uslouz","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/webpack-cs2uslouz"},"datePublished":"2026-08-23T12:23:21.460Z","dateModified":"2026-08-23T12:52:17.981Z","description":"Webpack 5.0.0 has shipped as the first major release since webpack 4 (February 2018), bundling architectural improvements and breaking changes that had...","image":"https://media.daily.dev/image/upload/s--OHB84bZF--/f_auto/v1722860399/public/Placeholder%2010","thumbnailUrl":"https://media.daily.dev/image/upload/s--OHB84bZF--/f_auto/v1722860399/public/Placeholder%2010","isAccessibleForFree":true,"articleSection":"webpack","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"webpack","logo":"https://media.daily.dev/image/upload/s--IMWiEoiP--/f_auto,q_auto/v1787487498/logos/webpack-blog?_a=BAMAMicg0","url":"https://daily.dev/sources/webpack-blog"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/webpack-cs2uslouz","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript,webpack","timeRequired":"PT48M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"webpack","item":"https://daily.dev/sources/webpack-blog"},{"@type":"ListItem","position":3,"name":"webpack"}]}
{"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/webpack-cs2uslouz#faq","mainEntity":[{"@type":"Question","name":"What are the major breaking changes when upgrading from webpack 4 to webpack 5?","acceptedAnswer":{"@type":"Answer","text":"Webpack 5 removes automatic Node.js core module polyfills, deprecates all items that were deprecated in v4, changes default module/chunk ID algorithms to 'deterministic', requires closing compilers manually via Compiler.close, renames output.jsonpFunction to output.chunkLoadingGlobal, and removes the legacy webpack 3 plugin compatibility layer. A full migration guide accompanies the release. Track breaking changes like these before running a webpack 5 upgrade on daily.dev."}},{"@type":"Question","name":"Does webpack 5 still automatically polyfill Node.js core modules like crypto for the browser?","acceptedAnswer":{"@type":"Answer","text":"No, webpack 5 stops automatically polyfilling Node.js core modules such as crypto, focusing instead on frontend-compatible modules to improve web platform compatibility. Developers must manually add a polyfill if needed, or package authors can use the browser field in package.json to provide browser-compatible alternatives. Developers debugging bundle size regressions after a webpack upgrade can follow this kind of change on daily.dev."}},{"@type":"Question","name":"What is Module Federation in webpack 5?","acceptedAnswer":{"@type":"Answer","text":"Module Federation is a webpack 5 feature that allows multiple independent webpack builds to work together as if they were one connected module graph at runtime. Modules can be imported from specified remote builds with minimal restrictions, enabling micro-frontend architectures without needing all code compiled into a single build. Evaluating micro-frontend approaches like Module Federation is easier when following webpack updates on daily.dev."}}]}
```

