Today a new version of the PnP SPFx community generator has been released that comes with the following updates.

This new version supports now the @microsoft/generator-sharepoint version 1.9.1.

TypeScript version 3.4 and 3.5 added

Two new TypeScript versions added to the supported list. Now new projects support from version 2.9 to 3.5. This option automatically adjusts the configuration of your project.

Angular 6 / 7

In this version, the Angular Project handling has updated. It supports now Angular 6 and Angular 7. Besides, it automatically checks the version and enables Ivy, the next generation compilation and rendering pipeline, with improves the size of the Angular Element bundle as well as the TypeScript compilation time.

The Angular option gets automatically disabled if the Angular CLI cannot found in the global package installations.

In future, we are looking to support Angular 8, but right now some unsolved difficulties surfaced during out tests.

SPFx-uifabric-themes support added

SPFx UI Fabric Themes is an npm package that gives you support for more theme slots in your custom SASS used in your web part.

The SPFx integrated supports strictly the theme slots used by Office UI Fabric. This enhancement allows you to use theme colours in a more fine-grained way. Check out the release post of the latest version or the documentation.

Integration of Office 365 CLI

The integration of Office 365 CLI in this generator allows you to check if your existing project matches the installed generator automatically.

Besides, it gives you guidance on how to upgrade outdated projects to the latest version.

More goodies

Frameworks

• Enhanced ReactJS
• Enhanced KnockOut
• Enhanced HTML projects (No Framework)
• Handlebars – 4.1.2
• Vue – 2.6.10

Other libraries

• pnp/pnpjs – 1.3.5
• pnp/spfx-property-controls – 1.16.0
• pnp/spfx-controls-react – 1.14.0

• Office UI Fabric – 5.x, 6.x, 6.x Fluent

• jQuery – 3.4.1

• webpack-bundle-analyzer – 3.4.1
• StyleLint – 10.1.0
• CSS Comb for Visual Studio Code

Getting started using PnP/SPFx

via NPM

npm install -g @pnp/generator-spfx

via YARN

yarn global add @pnp/generator-spfx

via PNPM

pnpm install -g @pnp/generator-spfx

Make sure to checkout the documentation or the GitHub Project.