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.