Ask HN: How do you deal with logging while developing a webapp?

I have a decently complex webapp I'm working on and have found logging to be a pain point. I'm currently using debug [1] and viewing the logs in the chrome dev tools console. The issue I've had is that the console gets too noisy and crowded with all logging turned on but if I'm more selective with logging, then I often regret not having logs when I run into a bug. It'd be ideal to have fairly verbose logging always on but be able to have good control over how the logs are filtered. The console log filtering functionality in chrome and Firefox seems pretty limited and I can't do basic filters like "component1Logs | component2Logs".

I imagine there's some library I could use which runs a local server, logs to some local file, and allows me to filter the logs with whatever shell tools are best. I haven't been able to find such a tool though and also would miss having the object exploration abilities that are in the browser console.

[1] https://www.npmjs.com/package/debug