Ergun Erdogmus 19ffe7f0bc Enable replacing CSS stylesheets on the fly after file change for watch script ...

This CL updates `generate_css_files` script and `watch` script to enable us to get CSS file changes instantly applied for non-legacy CSS files.

Drive by:
* Added an initial build step before starting to watch changes(1)
* Improved logs to include the time of the change.
* Updated `watch` listener to only get activated on `change` events.

(1) was something I was always missing starting this script.

You can try the behavior by:
* Running `npm run watch` and starting the watch mode.
* Opening the DevTools.
* Updating a non-legacy CSS file and expect to see the CSS change instantly on the opened DevTools.

Bug: none for now
Change-Id: I2aa3ed1b36584d1ef011119d5092d12271fb3017
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4922476
Reviewed-by: Simon Zünd <szuend@chromium.org>
Commit-Queue: Ergün Erdoğmuş <ergunsh@chromium.org>

2023-10-13 08:47:29 +00:00

..

generate_css_js_files_test.js

Enable replacing CSS stylesheets on the fly after file change for watch script

2023-10-13 08:47:29 +00:00

plugins_test.js

add test for esbuild plugin

2022-02-08 13:52:42 +00:00