RSPFx
SPFx development shouldn't be frustrating. RSPFx dev server runs in seconds with modern tooling (Vite, Rsbuild, Rspack) — not minutes waiting on Heft and webpack.
No vite.config.ts required. RSPFx reads config/config.json and your manifests — add config only when you need control.
Quick startVite is default. Switch to Rsbuild or Rspack with a single plugin — rspfxVite or rspfxRsbuild, same manifests.
FrameworksReact, Vue, Svelte, Solid, Preact — or bring your own preset. @mbsks/rspfx-core has zero dependencies.
Supported frameworksrspfx doctor validates Node, certs, ports and manifests. rspfx deploy publishes straight to the catalog.
Commands
spfxVersion switchnpm create vite@latest my-app -- --template react-tscd my-appnpm i -D @mbsks/rspfx-plugin @mbsks/rspfx-cli# add rspfxVite() to vite.config.ts + manifests, then
rspfx dev # http://localhost:4321 — no tenant needed
rspfx package # → sharepoint/solution/my-app.sppkg
# any starter works: better-t-stack, TanStack Router, etc. — just add the plugin
# shortcut: rspfx new my-appSwitch SPFx versions with one line — spfxVersion: '1.20' → '1.24' — then update your package. See Compatibility and Upgrading SPFx.
| Official toolchain (Heft / gulp) | RSPFx | |
|---|---|---|
| Bundler | webpack only | Vite (default), Rsbuild, Rspack |
| Frameworks | React, vanilla | React, Vue, Svelte, Solid, Preact + custom presets |
| SPFx switch | new project / pin updates | one line spfxVersion + package manager update |
| Dev server | gulp serve :4321 | rspfx dev :4321 — tenant optional |
| Package manager | npm / yarn / pnpm | npm · pnpm · yarn · bun · deno |
| Config required | rig + gulpfile required | zero-config from config/config.json + manifests |
rspfx doctor — it checks Node version, cert trust, port conflicts and missing manifests in one pass.RSPFx is the SPFx Vite and SharePoint Framework Vite replacement — the SPFx alternative bundler and SharePoint Framework alternative build tool that lets you SPFx replace Webpack, use an SPFx custom Webpack setup without maintaining it, or SPFx eject webpack entirely. It provides an SPFx custom build pipeline with Vite (esbuild), SPFx Rspack (Rspack + SWC) and Rsbuild — no Heft, no gulp, no SPFx Heft custom toolchain rig. Search: "SPFx Vite replacement", "SPFx esbuild", "SPFx Rspack". Why RSPFx · Getting started · Migrate from Heft