I'm new to PCF/Webpack so I hope I'm missing something really simple.
I'm building a control which is a wrapper around office-ui fabric control (rating).
All works fine but even if I'm doing production build the resulting bundle is over 1mb (in development mode it's >4mb).
Despite the fact that I'm only importing few modules from office-ui fabric:
Hi @v-xida-msft
see for example tutorial project from @AndrewButenko : https://github.com/AndrewButenko/FilteredOptionsetReact
The bundle size would be > 4mb (dev) and > 1mb (prod).
It has only few lines of code & dependency on office-ui fabric.
I have exactly same problem in my project.
Hi @Geosm ,
Could you please share a bit more about your scenario?
Do you mean that all related modules would be imported when you use import operator witihin your .ts file?
Please check if you have attached a lot of web resources/external resoueces within your Custom Component project.
If you could provided more details about your scenario, we could provide a proper workaround for you.
Best regards,
WarrenBelz
69
Most Valuable Professional
mmbr1606
51
Super User 2025 Season 1
MS.Ragavendar
36