Useful or not, from you.
angular-cli Needs to save and build two times to save changes in style file.

<!--๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…

Oh hi there! ๐Ÿ˜„

To expedite issue processing please search open and closed issues before submitting a new one. Existing issues often contain information about workarounds, resolution, or progress updates.

๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…๐Ÿ”…-->

๐Ÿž Bug report

Command (mark with an x)

<!-- Can you pin-point the command or commands that are effected by this bug? --> <!-- โœ๏ธedit: -->

- [x ] new
- [x ] build
- [x ] serve
- [ ] test
- [ ] e2e
- [ ] generate
- [ ] add
- [ ] update
- [ ] lint
- [ ] xi18n
- [ ] run
- [ ] config
- [ ] help
- [ ] version
- [ ] doc

Is this a regression?

<!-- Did this behavior use to work in the previous version? -->

Yes, in the previous version this bug was not present.

Description

<!-- โœ๏ธ--> When you save scss file, and cli automatically rebuild the changes doesn't apply and you have to save file again for it to correctly work. I guess it's caused by not deleting all virtual files for styles on change. This issue came back after fix of #15453 and it was once solved in #15143.

๐Ÿ”ฌ Minimal Reproduction

<!-- Simple steps to reproduce this bug.

Please include: commands run (including args), packages added, related code changes.

If reproduction steps are not enough for reproduction of your issue, please create a minimal GitHub repository with the reproduction of the issue. A good way to make a minimal reproduction is to create a new app via ng new repro-app and add the minimum possible code to show the problem. Share the link to the repo below along with step-by-step instructions to reproduce the problem, as well as expected and actual behavior.

Issues that don't have enough info and can't be reproduced will be closed.

You can read more about issue submission guidelines here: https://github.com/angular/angular-cli/blob/master/CONTRIBUTING.md#-submitting-an-issue -->

  1. ng s --aot
  2. make changes in scss file
  3. save 4.it reloads and changes are not applied
  4. save once again
  5. it rebuilds and now it shows changes

๐ŸŒ Your Environment

<pre><code> <!-- run ng version and paste output below --> <!-- โœ๏ธ--> Angular CLI: 8.3.9 Node: 10.15.3 OS: win32 x64 Angular: 8.2.10 ... animations, common, compiler, compiler-cli, core, forms ... language-service, platform-browser, platform-browser-dynamic ... router

Package Version

@angular-devkit/architect 0.803.9 @angular-devkit/build-angular 0.803.9 @angular-devkit/build-optimizer 0.803.9 @angular-devkit/build-webpack 0.803.9 @angular-devkit/core 8.3.9 @angular-devkit/schematics 8.3.9 @angular/cli 8.3.9 @ngtools/webpack 8.3.9 @schematics/angular 8.3.9 @schematics/update 0.803.9 rxjs 6.5.3 typescript 3.5.3 webpack 4.41.1 </code></pre>

Anything else relevant? <!-- โœ๏ธIs this a browser specific issue? If so, please specify the browser and version. -->

<!-- โœ๏ธDo any of these matter: operating system, IDE, package manager, HTTP server, ...? If so, please mention it below. -->

That's a useful answer
Without any help

I'm facing the same problem. Basically I need to save (rebuild) twice after each change in scss file to be sure that this change is reflected in the application.

To demonstrate it, I made small change in the file action-button.component.scss, and logged CLI output (ng serve --aot --verbose). Below are the only lines from the output that differ.

After the first compilation it says "Compiled successfully", but the change is not reflected in the app:

39	main.js  7.23 MiB       main             [big]  main
40	main.js.map  2.46 MiB       main                    main
52	chunk {main} main.js, main.js.map (main) 4.19 MiB ={runtime}= ={vendor}= [initial]
5547	[./src/app/modules/shared/components/action-button/action-button.component.scss.shim.ngstyle.js] 12.4 KiB {main}
42875	[39m: Compiled successfully.

After second compilation (without any change in file, just saved it once again) it says "WARNING in Emitted no files", but change is correctly applied this time:

39	main.js  7.23 MiB       main  [emitted]  [big]  main
40	main.js.map  2.46 MiB       main  [emitted]         main
52	chunk {main} main.js, main.js.map (main) 4.19 MiB ={runtime}= ={vendor}= [initial] [rendered]
5547	[./src/app/modules/shared/components/action-button/action-button.component.scss.shim.ngstyle.js] 12.4 KiB {main} [built]
42876	WARNING in Emitted no files.
42878	[39m: Compiled with warnings.