Webpack migration

ByteDance Web Infra

Aug 20, 2024 · Frontend Development

Lessons Learned Switching to Rspack: Migration Experience, Configuration Tips, and Performance Results

The article shares a developer’s experience migrating two large Webpack projects to Rspack, covering why Rspack was chosen, detailed lessons on TypeScript handling, CSS extraction, service‑worker support, plugin compatibility, CLI differences, performance benchmarks, and future expectations for the Rust‑based bundler.

Build ToolsFrontend DevelopmentPerformance

0 likes · 15 min read

Lessons Learned Switching to Rspack: Migration Experience, Configuration Tips, and Performance Results

DeWu Technology

Jul 10, 2024 · Frontend Development

Optimizing Front-End Build Performance with Rspack in UmiJS Projects

By adding the @umijs/plugin-rspack to UmiJS projects and switching build scripts to rspack-dev and rspack-build, the team replaced Webpack with the Rust-based Rspack compiler, achieving over a two-fold reduction in compilation time—from 150 seconds to around 20 seconds—while preserving compatibility with existing plugins and Module Federation setups.

Front-endPerformanceRspack

0 likes · 21 min read

Optimizing Front-End Build Performance with Rspack in UmiJS Projects

ByteDance Web Infra

Apr 11, 2023 · Frontend Development

Migrating Excalidraw from Webpack to Rspack: A Step‑by‑Step Guide

This article demonstrates how to migrate the open‑source Excalidraw drawing application from Webpack to the Rust‑based Rspack bundler, covering repository cloning, dependency installation, Rspack initialization, Sass, HTML plugin, environment variable handling, static asset copying, performance comparison, and the use of react‑scripts‑rspack for automated migration.

Environment VariablesHTML pluginRspack

0 likes · 10 min read

Migrating Excalidraw from Webpack to Rspack: A Step‑by‑Step Guide

58 Tech

Mar 10, 2022 · Frontend Development

Vite Principles, Implementation, and Migration Guide

This article provides a comprehensive tutorial on Vite, explaining its core principles, architecture, and practical implementation, while detailing a step‑by‑step migration from Webpack—including handling JSX, aliasing, module resolution, CSS, HMR, and performance improvements—complete with code snippets and real‑world challenges.

Build ToolsFrontend DevelopmentHMR

0 likes · 24 min read

Vite Principles, Implementation, and Migration Guide