Rspack Config Builder

Rspack is a high-performance JavaScript bundler written in Rust, developed by ByteDance. It is designed to be a drop-in replacement for webpack, offering the same configuration API and plugin ecosystem while delivering dramatically faster build times — often 5-10x faster than webpack for large projects.

Rspack is API-compatible with webpack, meaning most webpack configs and plugins work with minimal changes. The main difference is speed: Rspack parallelises work using Rust threads and avoids JavaScript's single-threaded bottleneck. For most projects, switching from webpack to Rspack is a config-level change with no code changes required.

Vite uses native ESM in development (very fast cold start) and Rollup for production builds. Rspack uses a bundling approach in both dev and prod, similar to webpack. Choose Vite for new greenfield projects — especially React/Vue SPAs. Choose Rspack when migrating a large existing webpack project, or when you need webpack's advanced code-splitting and module federation features.

1. Install @rspack/cli and @rspack/core. 2. Rename webpack.config.js to rspack.config.js (or keep both). 3. Replace webpack imports with @rspack/core equivalents. 4. Run rspack build and address any plugin incompatibilities. Most built-in loaders (babel-loader, css-loader, sass-loader) work unchanged. Some webpack plugins have Rspack-native equivalents.

Yes. Rspack has built-in TypeScript and JSX/TSX support via its own SWC-based transformer — no extra loaders required. You can enable it via module.rules with type: 'typescript' or use the built-in experiments.rspackFuture settings. For React, set jsx: 'react' or 'react-jsx' in your tsconfig or rspack config.

Yes. CSS Modules are supported natively. Set modules: true in your css-loader options (or use Rspack's built-in CSS handling). Class names are scoped locally by default, just like in webpack.