02 Jul, 2022
Posted on 02 Jul, 2022 by Admin, Posted in Dynamics 365 PCF (PowerApps Component Framework) Power Platform
Blogs
Recently we were working on a PCF control using Fluent UI, everything was fine at the development stage, but when we tried to import it into CRM it says its too heavy.
Tip 1 – Use only what is required.
You have to take care of few things while you are importing FluentUI controls in your index.ts of PCF control.
You should be importing the controls in granular fashion – ie. import only needed controls. Otherwise bundle.js size will be huge. Import the necessary controls using @fluentui/react/lib/… rather than the whole @fluentui/react.
File size when importing the whole using @fluentui/react.
File size when importing the necessary controls using @fluentui/react/lib/.
Tip 2 – use production mode
We can build a component in ‘production(i.e. minified)’ mode just using a single line of code.
When the control is ready and you want to push it to the CDS environment open *.pcfproj file and look for the following part of the file:
Add the line
Save the file and use pac pcf push command to import your component to CDS. So here is what happened to the size of bundle.js:
Comment
When working with multiple environments in Microsoft Dataverse (DEV, TEST, PROD), hardcoding the environment URL inside Power BI Desktop creates…
READ MORE
Introduction In Power Apps, even a small mistake during deployment can impact users and business processes. This checklist will help…
READ MORE
Introduction: In Model-driven apps, PCF controls are typically embedded inside forms or views. However, unique business requirements often demand more…
READ MORE