Tag feed

#webpack

686 posts

Building Mokup: A Visual, Build-Tool-Friendly HTTP Mocking Workflow

Hi, I am icebreaker, a frontend developer and open source enthusiast. I want to share a project I have been working on recently: Mokup, a file-based HTTP mocking tool. Project links: GitHub, docs site: https://mokup.icebreaker.top/ What is Mokup Moku...

Feb 134 min read

TITech Insights Hubtopperblog.hashnode.dev

Bundle Size: Webpack Optimization Guide

Metadata Block SEO Title: Frontend Bundle Size: Webpack Optimization Guide 2025 Meta Description: Reduce JavaScript bundle size with modern Webpack optimization techniques. Learn code splitting, tree shaking, and compression strategies for faster web...

Feb 1211 min read

TITech Insights Hubtopperblog.hashnode.dev

Bundle Size Optimization: Tree Shaking

Bundle Size Optimization: Tree Shaking and Minification Modern web applications ship megabytes of JavaScript to users' browsers, directly impacting Core Web Vitals, conversion rates, and user retention. Every 100KB of unoptimized JavaScript translate...

Feb 1211 min read

TITech Insights Hubtopperblog.hashnode.dev

Webpack Bundle Analyzer: Visualize JavaScript Bundles

Webpack Bundle Analyzer: Visualize JavaScript Bundles The Performance Bug That Cost Us 40% of Users Our app was fast on our MacBooks. Users disagreed. Here's what we learned. Table of Contents Why Performance Matters Measuring What Matters 5 Optimiz...

Feb 125 min read

PFPranita Fulsundarpranita.hashnode.dev

Webpack Under the Hood: How React Apps Get Bundled

Ever wondered what happens when you run npm start or npm run build? How does your JSX code, imports, and CSS get transformed into files that browsers understand? The answer is Webpack - the tool that bundles your React app into optimized files ready ...

Jan 257 min read

TSTianya Schooltech.tianyaschool.com

Webpack Performance Tuning-Comprehensive Optimization from Loaders to Plugins

Webpack is a module bundler that transforms project resources (JavaScript, CSS, images, etc.) into one or more browser-compatible output files. Optimizing Webpack performance focuses on reducing build time, minimizing output file size, and improving ...

Jan 224 min read

Iianoiano10x.hashnode.dev

How to Migrate from Webpack to Turbopack

Webpack and Turbopack are bundlers. A bundler is a tool that optimizes the browser’s performance by reducing the number of HTTP requests it makes. To make this possible, the bundler takes files in a web app and combines them into bundles. Since Nex...

Jan 182 min read

AAabhishek aadarshshhekk.hashnode.dev

webpack basics

In this tutorial You will learn what is webpack? How to bundle js, ts, jsx, tsx, html, css files in webpack?. And at last we will use babel transcompiler to compile out jsx and use it in browser. webpack Webpack is bundler that bundles multiple js f...

Jan 105 min read

AVAadhavan V Ablogs.aadhavan-va.com

What I Learned Optimizing Our Next.js Bundle Size (and How You Can Do It Too)

During one of our recent feature releases, we noticed something concerning: our initial page load bundle size had increased. As the application grows, this kind of creeping increase can negatively impact performance — especially for users on slower n...

Dec 4, 20253 min read

SPSaswata Palsaswata.hashnode.dev

Why I Chose Vite Over Webpack: 10x Faster Builds & Instant HMR

Why I Chose Vite Over Webpack: 10x Faster Builds & Instant HMR I'll never forget the first time I saved a file and watched Webpack rebuild. 8 seconds. Eight. Whole. Seconds. Just to see if my button component looked right. Then I tried Vite. The dev ...

Dec 4, 202515 min read

Search Hashnode

#webpack

Building Mokup: A Visual, Build-Tool-Friendly HTTP Mocking Workflow

Bundle Size: Webpack Optimization Guide

Bundle Size Optimization: Tree Shaking

Webpack Bundle Analyzer: Visualize JavaScript Bundles

Webpack Under the Hood: How React Apps Get Bundled

Webpack Performance Tuning-Comprehensive Optimization from Loaders to Plugins

How to Migrate from Webpack to Turbopack

webpack basics

What I Learned Optimizing Our Next.js Bundle Size (and How You Can Do It Too)

Why I Chose Vite Over Webpack: 10x Faster Builds & Instant HMR