Webpack on It Must Be Code!

The PCF Control Framework chooses Esbuild-Loader for Faster Build Time

Mon, 10 Oct 2022 13:45:03 +0000

While I was starting a new PowerApps Component Framework ( PCF) project, I stumbled upon the latest release notes of the framework’s main package ( pcf-scripts v1.18.4). I was stoked 🤩 to see that they improved the performance of the bundling process by switching from babel-loader to esbuild-loader.

Let’s take this opportunity to nerd-out on the bundling process of a PCF control and see if this change really measures up ⌚.

PCF Controls - Useful Webpack Plugins

Tue, 16 Nov 2021 04:58:31 +0000

In my last post I explained how to enable custom webpack configurations in a PowerApps Control Framework project. I also showed how to generate the source-map file of the generated PCF bundle.

PCF controls – Custom Webpack configurations

To continue on this track and push things a little further, I want to explore how to enhance the PCF development experience with the use of webpack plugins that can be referenced in the custom configuration file.

PCF controls - Custom Webpack configurations

Wed, 20 Oct 2021 02:06:29 +0000

When developing Power Platform PCF controls, at build-time, Webpack is invoked to bundle the code and dependencies into deployable assets.

While the out-of-the-box configurations are suitable for most of the basic PCF control needs, sometimes, you need to throw your own custom instructions in the game. This is what we are going to cover in this post.

Webpack and PCF

I will not spend too much time on the fundamentals of Webpack, there are tons of great blog post that deep-dives on the matter. But I think its important to understand what Webpack is and how it works in PCF control development.