Articles by Tag #webpack
Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!
Fixing the “Module not found: Can't resolve '@/…'” Error in Next.js (and Why It Happens on Netlify)
Have you ever pushed a perfectly working Next.js app to Netlify and suddenly got a wall of red text...
Why I Chose Vite Over Webpack: 10x Faster Builds & Instant HMR
Deep dive comparing Vite, Webpack, esbuild, Rollup, and Turbopack for build tooling. Real benchmarks from UI library with 67 modules, and decision framework for choosing the right bundler.
Micro Frontends em Angular: Guia Prático com Module Federation
✍️ Autor e Código-Fonte Este artigo documenta um projeto real e de código...
Tree Shaking in JavaScript - A Practical Guide
Imagine you're building a web app and your production bundle is absolutely massive. Like,...
🚀Understanding Webpack: A begineer friendly Guide with Examples
Webpack is one of the most powerful tools in modern JavaScript development. If you're building a...
Why You Should Try Vite For Your Next Project (and Forget About Webpack)
For years, I lived in Webpack configs. Every small project felt like booting a factory for one cup of...
Webpack vs Vite in Angular — Which One Really Wins?
Angular has traditionally relied on Webpack under the hood, but with Vite rapidly gaining popularity...
Improving developer experience ( part two ) with Webpack hooks
Inspiration: Sometimes when working on a large webpack project, your compiler might unwilingly decide...
Modern Bundlers Are Moving Beyond Webpack
Why Modern Bundlers Are Moving Beyond Webpack: Comparing Vite, Rspack, and...
Fix React Chunk Load Errors Fast (2025 Guide)
Why Your App Breaks After Every Deploy You push a new React build to production and within...
Build tools:- Vite ~ Webpack & Deploy the Dist Folder
When ever we do dynamic imports the bundler plugins, like webpack, Parcel, Rollup, and esbuild can be...
Efficient script loading strategy
From a script loader to a modern, standards-based approach using <script defer> and JavaScript modules.
Part 4: Migration to RsBuild
Recap of Part 3. In the previous episode, we added: Jest test runner CSS with PostCSS asset...
Hijacking Webpack: Dead-Simple Customizations
See how we built a super-extensible customization engine using only Webpack’s native features and a...
Mokup: A Build-Tool-Friendly Visual Mocking Tool for Vite, Webpack, Node.js, and Workers
Mokup: A Build-Tool-Friendly Visual Mocking Tool Hi, I am icebreaker, a frontend developer...
Turbopack in 2026: The Complete Guide to Next.js's Rust-Powered Bundler
Everything you need to know about Turbopack, the Rust-based successor to Webpack. Performance benchmarks, migration from Webpack, configuration deep dive, and production readiness assessment for Next.js 15.
⚡ Vite vs Turbopack — The Present & Future of Frontend Build Tools (2025 Edition)
When we talk about frontend performance and developer experience today, two tools dominate the...
⚡ Why Vite Feels So Fast — and What You No Longer Need to Configure Manually
If you’ve worked with Webpack before, you probably remember how much setup it needed — loaders,...
Vite vs. Webpack in 2026: A Complete Migration Guide and Deep Performance Analysis
Master the differences between Vite and Webpack. Learn when to migrate, how to handle edge cases, and understand the architectural decisions that make Vite up to 100x faster in development.
Stop Using <img> for SVGs in React: A Better Way with SVGR
For a long time, I used SVGs in the most straightforward ways possible. I would either download SVG...
Vite vs Webpack 5 vs esbuild vs Turbopack: выбор бандлера в 2026
Vite vs Webpack 5 vs esbuild vs Turbopack: что выбрать в 2026 Если ты выбираешь бандлер в 2026,...
Migrating from Create React App to Vite — A Step-by-Step Guide
Create React App to Vite Migration Steps
How Advanced File Delivery with Webpack Optimizes Web App Performance
In today’s online world, speed is everything. If your web app loads slowly, users might leave before...
MicroFrontend with Module Federation (Full Configuration)
MicroFrontend: An architectural style where a frontend application is split into smaller,...
Setting Up React with Webpack and babel from Scratch
If you're starting a React project from scratch and want full control over your setup, using Webpack...
Webpack to Rspack: A Deep Dive Into Our Build Time Breakthrough
1. Why We Migrated We maintain a large, multi-entrypoint Single Page Application (SPA)...
Webpack Code Splitting Dynamic and Lazy Loading
Let’s dive into Webpack’s Code Splitting, a powerful tool for frontend performance optimization,...
Step-by-Step Guide to Angular Microfrontends with Nx and Dynamic Module Federation
In this article, we'll walk through how to implement a scalable Microfrontend architecture in Angular...
Why Everyone Is Moving to Vite in 2025
I’ll be honest, for the longest time, I stuck with Webpack and the usual Angular CLI defaults. I...
Create a ReactJs Webpack project manually without create-react-app
Step 01: Initialize the Project mkdir RW cd RW npm init -y Enter fullscreen mode ...