Optimize CSS/SCSS Style Bundling and Dynamic Loading of Styles

David Warner II

This example illustrates how style files can be dynamically bundled into multiple .js bundle files and then be individually imported at runtime.

• References

  Overview of SharePoint Framework Extensions

  You can use SharePoint Framework (SPFx) Extensions to extend the SharePoint user experience. With SPFx Extensions, you can customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views. SPFx Extensions are available in all Microsoft 365 subscriptions for production usage.

  Use page placeholders from Application Customizer

  Application Customizers provide access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. For example, you can create dynamic header and footer experiences that render across all the pages in SharePoint Online.