[Suggestion / Frameworks] Log level and log customization

[arpowers]

Just a simple request to make logging customizable for frameworks.

Specifically, we'd like to integrate the vite logging into the logging style used by the upcoming Factor headless-framework.

Additionally, the log level should be supported.

Currently, you're just logging stuff like this:

console.log(`[vite] connected.`)

For your consideration, you could use the format:

vlog("warn", "context", data)
vlog("success", "success context", data)
vlog("info", "info context", data)
// etc...

Within the vlog function you could allow customization, as well as apply level handling and formatting...

[aleclarson]

I've written up a logger in #1015 that we can build upon (see the code here). It doesn't yet have log levels or the [vite] prefix. Currently, it can be silenced and it can stack spinners (where the most recent spinner takes precedence).
As I mentioned here, I'd prefer to avoid a global logger, which makes it harder to silence logs for duplicate requests within a short timeframe.

[arpowers]

we'd recommend the global logging utility, without a doubt. In the rare scenarios when a ton of rapid logging is happening just deal with that "in context" using lodash throttle or similar...

Some tips on formatting:

In node, we add some nice formatting using CLI Highlight, PrettyOutput, and Consola for errors.

In the browser we add some formatting like this:

console.log(
      `%c${category} > ${description}`,
      `font-weight:bold;color: ${color};padding: 5px 0;${additional}`,
      data ?? "",
    )
  }

[aleclarson]

What exactly is the benefit of a global logger?

deal with that "in context" using lodash throttle or similar...

That wouldn't work. Logging spans across modules and even plugins. The point of request-specific loggers is being able to "mute" an entire request, not to throttle its logs arbitrarily.

[arpowers]

Create a singleton then and throttle that.

The benefit is DRY code that can be modified or extended in one place.

[yyx990803]

Addressed in 2.0 via https://vitejs.dev/config/#loglevel