Ship SharePoint web parts without the legacy toolchain
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.