Skip to content

Suppress / filter console warning messages #319

@jgraniero

Description

@jgraniero
  • Operating System: macOS 10.13.1
  • Node Version: 10.5.0
  • NPM Version: 6.1.0
  • webpack Version: 4.15.1
  • ${package} Version: 2.22.2

Feature Proposal

Configure HMR client warning logs.

Feature Use Case

I use Typescript with ts-loader. The ts-loader docs indicate that the transpileOnly option should be set to true for HMR (also recommended to decrease build speed). If you have code that re-exports a type, e.g.

export { SomeType } from './some-module';

the transpileOnly flag will generate export code that webpack sees as invalid and webpack will report these issues as warnings. There was a discussion about this over in the ts-loader repo.

It seems the accepted solution to suppress these warnings is to add a warningsFilter to webpack's stats - which works fine, but the webpack-hot-middleware client still sees and reports these warnings to the browser console. This can make rebuilds really noisy.

Correct me if I'm wrong, but the only option to suppress these warnings right now would be to turn off all HMR client logging - which I don't really want to do because some of it is useful, like seeing what gets rebuilt and reloaded.

Ideally I'd like to be able to filter warning message the same way I'm doing with webpack's stats.warningsFilter, but I could see it being problematic adding something like that to the HMR client's query params. I'd be fine with just suppressing logging warning messages to the browser console, much like you can suppress info messages with noInfo.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions