CSS sourcemap not working with @component({styles | styleUrls})

[JounQin]

Bug Report or Feature Request (mark with an x)

• bug report -> please search issues before submitting
• feature request

Versions.

@angular/cli: 1.4.9
node: 8.8.1
os: darwin x64

Repro steps.

new project with angular-cli, add some code in app.component.css like div{color: red}, run ng serve -sm

Desired functionality.

I'd love to work with css sourcemap or even modify css/scss source with chrome dev tools directly.

[filipesilva]

Last time I checked, there was a problem in Angular itself regarding component sourcemaps (#3617). But I see that @asnowwolf's fix in Angular was merged (angular/angular#18641). If I'm reading this correctly, it was merged in 5.x but not in 4.x. There's also angular/angular#16088 that doesn't seem to be merged.

@hansl do you know what's the current status of sourcemap support for component css?

[asnowwolf]

It's works with 5.0 now. ng serve --extract-css (v1.5.0), but we'd better remove --extract-css too, see #8294.

[JounQin]

Thx, that works in my own project without angular-cli.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}