CSS hot reloading not working

[mike183]

This appears to be a repeat of #212 and #226, the issue was previously resolved but seems to have resurfaced.

After some digging, it looks like that the regression was introduced in v1.0.0-beta.11, more specifically #282.

[lolmaus]

Clarification: in my case, CSS hot reloading does work, but it is immediately followed by full tab refresh, defeating the purpose.

@mike183 Thank you for the heads-up. 🙇

[jakeleboeuf]

For me, a combination of this ember-network PR which was merged and released in v0.3.1 and this commit fix the issue.

[jurecuhalev]

This also breaks live reloading with ember serve. For me installing new ember-network and current master of ember-cli-fastboot $0ba40ab6fe7b7675e32601a75726fdc2fc04f121 didn't fix the issue.

[jurecuhalev]

Full reload happens because ember-cli:live-reload: files %a +1ms [ 'assets/frontend.css', 'package.json' ] gets package.json as changed file and triggers a full page reload.

package.json gets new timestamp every build, this triggers fs-tree-diff to include it changed files list.

[vlascik]

@gandalfar is there any fix for this?

[mirague]

Potentially same issue here, any pointers?

[jurecuhalev]

As a workaround, you could try: FASTBOOT_DISABLED=true ember serve. Since editing (S)CSS is something you don't often need fastboot enabled.

[stefanpenner]

may be fixed by #369 cc @kratiahuja

[kratiahuja]

Yup this should be fixed with the unified serve and build.