We wish to see what CSS is generated for styles.scss .
Approach
When opening an element in Chrome Developer Tools, by default it will show the SCSS source map, and not styles.css . However styles.css is right next to the tab containing the SCSS .
Press enter or click to view image in full size
By turning off CSS source maps in Chrome Developer Tools we also will no longer get the styles.scssfile shown.
Go to Preferences and under the Sources column switch off Enable CSS Source Maps. However as noted this is really not necessary.
Demo
If we use a web container on Stackblitz it will serve styles.css.
