Development Office

Pimp My SPFx generator

Azure B July 21, 2018 9:00 am - 10:00 am

Bookmark and Share

Carlos Miguel Silva

Almost every web developer knows the feeling, when he experiences déjà vu, because each new project begins from the same set of actions: manual cloning the same catalogs structure, searching and downloading newest versions of libraries & frameworks, writing the same jobs for task running tools, css preprocessors and other plugins.

Sometimes we may have some specific setup that we would like to use in our own projects. Because we don’t want to reinvent the wheel in every project, it makes sense to abstract all the boilerplate into our own generator. In this situation we can build our own Yeoman generator. This will kick-start our projects.

When we setup a development environment for building SharePoint Framework solutions, we start with installing Yeoman and the SharePoint Framework Yeoman generator. But there is some workflow that can be always the same once we create a new SPFx project. The good news is, there is a tool, which can do these things, and even do a little more. As the Yeoman official web page says, Yeoman is the web’s scaffolding tool for modern webapps.

Let’s pimp our SPFx Yeoman generator with all the necessary dependencies to bootstrap our project.