Name: RSPFx
Author: RSPFx

Question 1

What is SPFx Vite replacement?

Accepted Answer

RSPFx is the SPFx Vite replacement — a SharePoint Framework Vite integration via rspfxVite() in vite.config.ts. It builds the same manifests and .sppkg as official SPFx but with Vite HMR and esbuild speed: vite dev --port 4321 for dev, rspfx build/package for .sppkg.

Question 2

What is SPFx alternative bundler?

Accepted Answer

RSPFx is the SPFx alternative bundler and SharePoint Framework alternative build tool. It supports Vite (default, esbuild), Rsbuild and Rspack (Rust webpack-compatible) — same config/config.json → same AMD define bundle, switch with one plugin import.

Question 3

How to SPFx replace Webpack or eject webpack?

Accepted Answer

RSPFx lets you SPFx replace Webpack or SPFx eject webpack entirely. It deletes config/spfx-customize-webpack.js and Heft rig via rspfx migrate and writes vite.config.ts/rspack.config.ts. Re-add needed webpack plugins as Vite/Rspack plugins.

Question 4

What is SPFx custom build pipeline?

Accepted Answer

RSPFx is the SPFx custom build pipeline without Heft/gulp — rspfx calls Vite/Rsbuild/Rspack directly via packages/core/src/build.ts. Customize via vite.config.ts plugins and FrameworkPreset, not Heft rig.

Question 5

What is SPFx Rspack and SPFx esbuild?

Accepted Answer

SPFx Rspack is RspfxPlugin on @rspack/core (Rust, SWC, disk cache). SPFx esbuild is Vite dev using esbuild for fast transforms. Pick Vite for esbuild speed, Rspack for webpack-compatible loaders.

Question 6

What is SPFx Heft custom toolchain replacement?

Accepted Answer

RSPFx replaces Heft, spfx-heft-plugins, spfx-web-build-rig and sp-build-web. Version switching becomes spfxVersion: 1.24 in one file, validated by rspfx doctor, instead of rig + generator + sp-* pins.

Symptom	Fix
Blank page or `NET::ERR_CERT_AUTHORITY_INVALID`	cert not trusted - run trust step and restart browser
`Load debug scripts` shows on every reload	cert or network access not allowed - trust cert and allow access
Bundle 404 at `https://localhost:4321/dist/*`	bundle name does not match `entryModuleId` - check folder and `config/config.json`
Port in use	stop other dev servers or change port in config

Dev server

Troubleshoot

Dev server ​

Troubleshoot ​

Dev server

Troubleshoot