feat(@angular-devkit/build-angular): apply global CSS updates without a live-reload when using vite

alan-agius4 · alan-agius4 · commit 8168ae2a892d · 2023-09-20T15:49:56.000+02:00
This commit changes the way that global style updates are applied when using `vite`.  When either live-reload or hmr are enabled the styles are replaced in placed (HMR style) without a live-reload.
diff --git a/packages/angular_devkit/build_angular/src/builders/dev-server/vite-server.ts b/packages/angular_devkit/build_angular/src/builders/dev-server/vite-server.ts
@@ -161,7 +161,7 @@ function handleUpdate(
     return;
   }
 
-  if (serverOptions.hmr) {
+  if (serverOptions.liveReload || serverOptions.hmr) {
     if (updatedFiles.every((f) => f.endsWith('.css'))) {
       const timestamp = Date.now();
       server.ws.send({

Original file line number	Diff line number	Diff line change
`@@ -161,7 +161,7 @@ function handleUpdate(`
`161`	`161`	`return;`
`162`	`162`	`}`
`163`	`163`
`164`		`- if (serverOptions.hmr) {`
	`164`	`+ if (serverOptions.liveReload \|\| serverOptions.hmr) {`
`165`	`165`	`if (updatedFiles.every((f) => f.endsWith('.css'))) {`
`166`	`166`	`const timestamp = Date.now();`
`167`	`167`	`server.ws.send({`