SharePoint Framework and Dynamic CSS Styles – Part 2: Dynamic Bundling of Styles

Part 2: Dynamic Bundling of Styles

See how to optimize and dynamically bundle and load different CSS & SCSS Style options within a SharePoint Framework solution.

In this Part 2 video we will cover:

• Preserving non-hashed CSS classnames in a SCSS Module
• Dynamically bundling SCSS styles
• Dynamically loading of Style Bundles in SPFx Solution

In the Part 1 Video, “Style Options & How to Import“, we covered the following topics:

• CSS vs SCSS
• How to import CSS
• How to import a Non-Module SCSS
• How to import a Module SCSS
  • CSS Classname Hashing