SharePoint Framework (SPFx) 1.22 introduced a major architectural change by replacing the traditional Gulp-based build system with Heft - Microsoft’s modern build orchestrator from the Rush Stack ecosystem. This comprehensive guide will walk you through understanding Heft, getting started with the new toolchain, and customizing webpack configuration.
This is Part 1 of a two-part series:
- Part 1 (this post): Understanding Heft basics, rig system, and webpack patches
- Part 2: Building custom Heft plugins (advanced)

