How to hide webpack-dev-server log?

Question

Once webpack-dev-server start, the console will output:

ℹ ｢wds｣: Project is running at https://127.0.0.1:3002/
ℹ ｢wds｣: webpack output is served from /
ℹ ｢wds｣: Content not from webpack is served from ...

However, I am not willing to display the above log to users, how to hide them?

Who is your "user" that'll see that…? The dev server is a developer tool… — deceze, May 21 '20 at 08:17
this might help: https://stackoverflow.com/questions/30756804/webpack-silence-output — Alexandar Zaharyan, May 21 '20 at 08:30
@AlexandarZaharyan I've tried `noInfo: true`, `quiet: true`, and nearly all `stats` properties, but still not work, could you please point out the detail configuration? — licaomeng, May 21 '20 at 08:54

score 5 · Answer 1 · edited Jan 11 '22 at 18:41

5

You can use:

devServer: {
  client: {
    logging: 'none'
  }
}

doc: https://webpack.js.org/configuration/dev-server/#logging

edited Jan 11 '22 at 18:41

Tomerikoo

18,379
16
47
61

answered Jan 11 '22 at 18:32

Ruslan

51
1
1

score 4 · Answer 2 · answered Sep 30 '21 at 10:11

4

For anyone coming here in regards to webpack-dev-server v4,

As per the v4 migration guide:

log, logLevel, logTime, quiet, noInfo, and reporter options were removed without replacement, now we use built-in logger.

So you need to add this to your Webpack config:

infrastructureLogging: {
  level: 'error',
},

answered Sep 30 '21 at 10:11

Patrick

6,495
6
51
78

I added it but still I get console on browser with lines line : Compiled with warnings: – etotientz Feb 02 '22 at 07:16

score 2 · Answer 3 · answered Jun 03 '20 at 14:31

2

in my case

const devServer = new webpackDevServer(complier ,{
  // quiet: true,
  noInfo: true,
  hot: true,
  historyApiFallback: true,
  clientLogLevel: 'silent'
})

set noInfo work well. but with quiet wds log still show, I dont know why

answered Jun 03 '20 at 14:31

GRAMMAC

21
1

lonix · Answer 4 · 2022-05-17T07:27:06.733

2

Webpack v5

The "most silent" configuration:

infrastructureLogging: { level: 'error' },
stats: 'minimal',

Docs: infrastructureLogging, stats.

edited May 17 '22 at 07:27

answered May 17 '22 at 07:13

lonix

14,255
23
85
176

score 0 · Answer 5 · answered Mar 20 '21 at 07:28

0

You should use

stats: 'errors-only'

in your webpack-dev-server config

answered Mar 20 '21 at 07:28

Anton

1

How to hide webpack-dev-server log?

5 Answers5

Webpack v5

Linked