The Webpack Speed Problem
Webpack builds take 30-60 seconds. Hot reload: 2-5 seconds. Every developer waits thousands of hours per year for webpack to finish.
Rspack is a Webpack-compatible bundler written in Rust. Same config format. Same plugin API. 10x faster.
What Rspack Gives You
Webpack Config Compatibility
// rspack.config.js — looks familiar?
module.exports = {
entry: './src/index.ts',
output: {
filename: '[name].[contenthash].js',
path: path.resolve(__dirname, 'dist'),
},
module: {
rules: [
{ test: /\.tsx?$/, use: 'builtin:swc-loader' },
{ test: /\.css$/, use: ['style-loader', 'css-loader'] },
],
},
};
Most webpack configs work with minimal changes.
Performance
| Webpack 5 | Rspack | |
|---|---|---|
| Cold build (large app) | 30s | 3s |
| Hot reload | 2s | 200ms |
| Production build | 60s | 8s |
Built-In Features (No Extra Plugins)
module.exports = {
builtins: {
// TypeScript — no ts-loader needed
// CSS — built-in CSS extraction
// HTML — built-in HTML plugin
// Code splitting — automatic
},
};
SWC Integration
Built-in SWC loader for TypeScript, JSX, and modern JavaScript. No Babel needed.
Webpack Plugin Compatibility
Many webpack plugins work out of the box:
- HtmlWebpackPlugin → built-in
- MiniCssExtractPlugin → built-in
- DefinePlugin → built-in
- CopyWebpackPlugin → compatible
Migration Guide
# 1. Install
npm install @rspack/core @rspack/cli
# 2. Rename
mv webpack.config.js rspack.config.js
# 3. Update scripts
# "build": "webpack" → "build": "rspack build"
# "dev": "webpack serve" → "dev": "rspack serve"
Quick Start
npm create rspack@latest
cd my-app
npm run dev
Why This Matters
Millions of projects use Webpack and can't switch to Vite without rewriting configs. Rspack gives them 10x speed with zero rewrite.
Bundling data-heavy applications? Check out my web scraping actors on Apify Store — structured data for your apps. For custom solutions, email spinov001@gmail.com.
Top comments (0)