why recent angular project build outputs individual component css source map

I generated a new Angular 18 project from scratch and brought over my components to take advantage of new option defaults and settings. I'm happy I did so, but I noticed that it now seems to be producing source maps for my individual component specified CSS:



modal.component.css.map and task-list.component.css.map are the two examples shown here. I didn't get these in my prior build process (originating from around Angular 8 or 9 I think), but the project and styles worked as expected so I don't know what has changed and how to interpret what I see.

As I use plain CSS and not SCSS or others, I don't really need the styles source maps to begin with. I noticed these as Edge developer tools was trying to download them, and it wasn't specifying the correct URL so they were 404.

I'm considering turning off source maps for styles as I don't need them anyway. I'd just like to understand these changes.

Continue reading...