--- title: "#webpack articles | Hashnode" description: "Explore 739 articles tagged #webpack on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/webpack" --- Tag # #webpack 739 posts · 1,093 followers [Hassan Aziz](https://hashnode.com/@hassandevelopment) · [Nov 2](https://hashnode.com/posts/how-to-set-up-electron-with-react-typescript-and-webpack/6ae89762a04da8836eb0c06c) ### [How to set up Electron with React, TypeScript and webpack](https://hassanrants.hashnode.dev/how-to-set-up-electron-with-react-typescript-and-webpack?utm_source=hashnode&utm_medium=feed) Set up Electron with React, TypeScript and Tailwind v4 using two webpack configs, one dev command with reload, and electron-builder packaging. 14 min read · [hassanrants.hashnode.dev](https://hassanrants.hashnode.dev/how-to-set-up-electron-with-react-typescript-and-webpack?utm_source=hashnode&utm_medium=feed) [Waqas Shahid](https://hashnode.com/@practicaldevblog) · [Oct 27](https://hashnode.com/posts/webpack-explained-bundling-javascript-for-the-browser/6ae06c34fe43b5b6b39e7bb3) ### [Webpack Explained: Bundling JavaScript for the Browser](https://practicaldevblog.hashnode.dev/webpack-explained-bundling-javascript-for-the-browser?utm_source=hashnode&utm_medium=feed) Introduction Browsers used to load one script tag at a time, and every file was global, a recipe for name collisions and slow pages. Modern JavaScript uses modules (the JavaScript modules concept), bu 3 min read · [practicaldevblog.hashnode.dev](https://practicaldevblog.hashnode.dev/webpack-explained-bundling-javascript-for-the-browser?utm_source=hashnode&utm_medium=feed) [Jayesh Sojitra](https://hashnode.com/@jayeshsojitra) · [Sep 19](https://hashnode.com/posts/vite-vs-webpack-does-it-still-matter-in-2026/6aae16424b4dfd170b0b7bd4) ### [Vite vs Webpack: Does It Still Matter in 2026](https://jayesh-sojitra.hashnode.dev/vite-vs-webpack-does-it-still-matter-in-2026?utm_source=hashnode&utm_medium=feed) "Just use Vite" is common advice by now. Here's what actually changed to make that true, and the specific situations where it's still not the obvious answer. 4 min read · [jayesh-sojitra.hashnode.dev](https://jayesh-sojitra.hashnode.dev/vite-vs-webpack-does-it-still-matter-in-2026?utm_source=hashnode&utm_medium=feed) [Jayesh Sojitra](https://hashnode.com/@jayeshsojitra) · [Aug 30](https://hashnode.com/posts/module-federation-explained-simply/6a944c66f1351831320cd9f1) ### [Module Federation Explained Simply](https://jayesh-sojitra.hashnode.dev/module-federation-explained-simply?utm_source=hashnode&utm_medium=feed) Most explanations of Module Federation start with the config file. Here's what it's actually solving, before the syntax. 3 min read · [jayesh-sojitra.hashnode.dev](https://jayesh-sojitra.hashnode.dev/module-federation-explained-simply?utm_source=hashnode&utm_medium=feed) [Chloe Zhou](https://hashnode.com/@chloezhoudev) · [May 16](https://hashnode.com/posts/migrating-mui-in-a-single-spa-microfrontend-what-the-official-docs-don-t-tell-you/6a07b673ea8975272b5a0e27) ### [Migrating MUI in a Single-SPA Microfrontend — What the Official Docs Don't Tell You](https://chloezhou.dev/migrating-mui-in-a-single-spa-microfrontend-what-the-official-docs-don-t-tell-you?utm_source=hashnode&utm_medium=feed) A chronological account of MUI v4 → v6 style conflicts in a single-spa microfrontend — dynamic conflicts, static CSS leakage, and what changes when you finally upgrade the child apps. 8 min read · [chloezhou.dev](https://chloezhou.dev/migrating-mui-in-a-single-spa-microfrontend-what-the-official-docs-don-t-tell-you?utm_source=hashnode&utm_medium=feed) [FluxPress](https://hashnode.com/@flux-image) · [May 15](https://hashnode.com/posts/how-to-bulk-optimize-images-for-wordpress-the-fast-way/6a070efbb54b0a065f522417) ### [How to Bulk Optimize Images for WordPress (The Fast Way)](https://blog.fluximage.io/how-to-bulk-optimize-images-for-wordpress-the-fast-way?utm_source=hashnode&utm_medium=feed) Learn how to bulk optimize images in WordPress without slowing down your site. Compress, rename, and add alt text automatically — no technical skills needed. 5 min read · [blog.fluximage.io](https://blog.fluximage.io/how-to-bulk-optimize-images-for-wordpress-the-fast-way?utm_source=hashnode&utm_medium=feed) [Chloe Zhou](https://hashnode.com/@chloezhoudev) · [Apr 23](https://hashnode.com/posts/static-css-leakage-in-microfrontends-why-shadow-dom-fails-and-how-postcss-prefix-selector-fixes-it/69e9f8e416b084c068037352) ### [Static CSS Leakage in Microfrontends — Why Shadow DOM Fails and How postcss-prefix-selector Fixes It](https://chloezhou.dev/static-css-leakage-in-microfrontends-why-shadow-dom-fails-and-how-postcss-prefix-selector-fixes-it?utm_source=hashnode&utm_medium=feed) Static CSS in a child app was leaking into the host app — here's why Shadow DOM couldn't fix it and how postcss-prefix-selector solved it. 8 min read · [chloezhou.dev](https://chloezhou.dev/static-css-leakage-in-microfrontends-why-shadow-dom-fails-and-how-postcss-prefix-selector-fixes-it?utm_source=hashnode&utm_medium=feed) [Ankit Singh](https://hashnode.com/@ankitsinghmyself) · [Apr 11](https://hashnode.com/posts/micro-frontend-architecture-react/69da76eac8e5007ddbc627e7) ### [How we stopped fearing deployments by moving to Micro Frontend architecture](https://ankitsinghmyself.hashnode.dev/micro-frontend-architecture-react?utm_source=hashnode&utm_medium=feed) A practical walkthrough of MFE shell architecture — what it is, why we needed it, and how we actually set it up. 4 min read · [ankitsinghmyself.hashnode.dev](https://ankitsinghmyself.hashnode.dev/micro-frontend-architecture-react?utm_source=hashnode&utm_medium=feed) [Leela Krishna Mohan](https://hashnode.com/@krishnaleela) · [Apr 10](https://hashnode.com/posts/micro-frontend-architecture-part-2-implementation-guide-and-production-patterns/69d92ca2e85536c6adeb0e28) ### [Micro Frontend Architecture Part 2: Implementation Guide and Production Patterns](https://krishna-devlog.hashnode.dev/micro-frontend-architecture-part-2-implementation-guide-and-production-patterns?utm_source=hashnode&utm_medium=feed) Complete implementation guide for Micro Frontends with Module Federation. Production-ready code examples for state management, routing, performance. 15 min read · [krishna-devlog.hashnode.dev](https://krishna-devlog.hashnode.dev/micro-frontend-architecture-part-2-implementation-guide-and-production-patterns?utm_source=hashnode&utm_medium=feed) [Joske Vermeulen](https://hashnode.com/@aimadetools) · [Mar 31](https://hashnode.com/posts/vite-vs-webpack-which-build-tool-should-you-use/69cb9d4ce2d619bb82ae2633) ### [Vite vs Webpack — Which Build Tool Should You Use?](https://aimadetools.hashnode.dev/vite-vs-webpack-which-build-tool-should-you-use?utm_source=hashnode&utm_medium=feed) Quick Comparison ViteWebpack Dev serverInstant (native ESM)Slower (bundling) HMRNear-instantSlower ConfigMinimalVerbose Production buildRollupWebpack Plugin ecosystemGrowingMassive Learning curveLowHigh When to Use Vite New projects (i... 2 min read · [aimadetools.hashnode.dev](https://aimadetools.hashnode.dev/vite-vs-webpack-which-build-tool-should-you-use?utm_source=hashnode&utm_medium=feed)