plugin produces a lot of empty logs while extracting

Question

plugin produces a lot of empty logs while extracting

deepsweet opened this issue 10 years ago · comments

like this:

...
Child extract-text-webpack-plugin:

Child extract-text-webpack-plugin:

Child extract-text-webpack-plugin:

Child extract-text-webpack-plugin:

Child extract-text-webpack-plugin:
...

is it normal, or I had to see something useful? :)

Warren Rumak · Answer 1 · Mon Jan 05 2015 09:36:32 GMT+0800 (China Standard Time)

Hi @deepsweet ,
You can disable the output from Child plugins by including this in your webpack config

    stats: {
      children: false  
    }

Hope this helps a bit.

Max Sysoev · Answer 2 · Mon Jan 26 2015 17:40:57 GMT+0800 (China Standard Time)

advice from sokra: with the devserver: devServer: { stats: { children: false } }

Patrick Stoica · Answer 3 · Fri Apr 10 2015 05:39:33 GMT+0800 (China Standard Time)

children: false doesn't seem to work using the CLI tool?

Luís Rudge · Answer 4 · Tue Jun 02 2015 03:31:13 GMT+0800 (China Standard Time)

works fine with gulp

Patrick Stoica · Answer 5 · Tue Jun 02 2015 03:38:35 GMT+0800 (China Standard Time)

gulp-webpack does some custom stuff. I think this was fixed through all this: webpack/webpack#980

David Marr · Answer 6 · Wed Jun 03 2015 01:48:06 GMT+0800 (China Standard Time)

I'm still seeing the Child extract-text-webpack-plugin: output even with the stats: { children: false } set on my webpack config.

Anton W · Answer 7 · Sun Jun 21 2015 19:55:30 GMT+0800 (China Standard Time)

@pstoica @marr

it works fine for me if I run webpack CLI with a webpack.config.js like this:

module.exports = {
    stats: { children: false },
   // other settings
}

mateatslc · Answer 8 · Tue Jul 07 2015 00:36:48 GMT+0800 (China Standard Time)

i can confirm that this last one by @timaschew works fine.

Joe Zimmerman · Answer 9 · Wed Oct 28 2015 00:07:30 GMT+0800 (China Standard Time)

Adding stats: { children: false } to the main context of the configuration worked for me as well. Thanks.

Vasiliy Yorkin · Answer 10 · Mon Nov 09 2015 16:26:22 GMT+0800 (China Standard Time)

Doesn't work for me, but I'm sure I've set this stats: { children: false } option

Max Sysoev · Answer 11 · Mon Nov 09 2015 16:32:18 GMT+0800 (China Standard Time)

@vyorkin are you sure You've added it to devServer section?

Vasiliy Yorkin · Answer 12 · Mon Nov 09 2015 16:46:18 GMT+0800 (China Standard Time)

@ColCh yes, but I don't see how its related to devServer, I've looked at the plugin source but didn't find anything relevant to these messages. Here is a part of my config:

  ........................
  devtool: false,
  stats: { children: false, colors: true, reasons: false },
  devServer:
   { contentBase: '/my-awesome-project/src',
     publicPath: '/',
     hot: true,
     historyApiFallback: true,
     headers: { 'Access-Control-Allow-Origin': '*' },
     watchOptions: { aggregateTimeout: 0 },
     stats: { children: false, colors: true, reasons: true },
     noInfo: true,
     quiet: true },
  ........................

Max Sysoev · Answer 13 · Mon Nov 09 2015 16:49:34 GMT+0800 (China Standard Time)

Hm... I don't know. Try to ask @sokra

Warren Rumak · Answer 14 · Tue Nov 10 2015 12:12:29 GMT+0800 (China Standard Time)

@vyorkin The part you quoted there is your dev server config, not your webpack config. stats: { children: false } goes alongside the part of your config with entry, output, resolve, module, etc.

Vasiliy Yorkin · Answer 15 · Tue Nov 10 2015 16:12:04 GMT+0800 (China Standard Time)

@ColCh @warrenrumak stats.toString({ children: false })); fixed it, thanks

André Cruz · Answer 16 · Wed Dec 23 2015 19:33:42 GMT+0800 (China Standard Time)

I've updated https://github.com/webpack/docs/wiki/node.js-api to include options.children.

@sokra or anyone with permission.. can we build the documentation in gh-pages? Thanks

Josh Hunt · Answer 17 · Sun Jan 03 2016 14:22:56 GMT+0800 (China Standard Time)

Extract Text Webpack Plugin is still producing quite a large amount of duplicated and unhelpful log messages. stats: {children: false} in the config and using the CLI directly.

I'm running "extract-text-webpack-plugin": "0.9.1" and "webpack": "1.12.9".

If helpful, I've got my full config and log output in this gist

Donald Pipowitch · Answer 18 · Fri Jan 29 2016 18:47:20 GMT+0800 (China Standard Time)

Thanks, works for me. I use this for minimal logging (only valid/invalid and errors):

    stats: {
      // minimal logging
      assets: false,
      colors: true,
      version: false,
      hash: false,
      timings: false,
      chunks: false,
      chunkModules: false,
      children: false
    }

HelloYou · Answer 19 · Fri Mar 18 2016 15:37:02 GMT+0800 (China Standard Time)

{ children: false } not work when webpack with multi config. I use follow hack:

// Hack: remove extract-text-webpack-plugin log
compiler.plugin('done', function(stats) {
  stats.stats.forEach((stat) => {
    stat.compilation.children = stat.compilation.children.filter((child) => {
      return child.name !== 'extract-text-webpack-plugin';
    });
  });
});

Pål Nes · Answer 20 · Thu Aug 11 2016 16:30:40 GMT+0800 (China Standard Time)

@helloyou2012 Could you provide a more complete example? We're drowning in hundreds of lines of this plugin. The other examples here have no effect.

Pål Nes · Answer 21 · Thu Aug 11 2016 16:40:54 GMT+0800 (China Standard Time)

Nevermind, I found the culprit in some cleverly disguised require of another webpack configuraton.

HelloYou · Answer 22 · Thu Aug 11 2016 17:27:38 GMT+0800 (China Standard Time)

@palnes When config is array and { children: false } will block all outputs. While { children: true } will show empty logs.

Demo: https://github.com/helloyou2012/webpack-demos/tree/master/extract-text

Juho Vepsäläinen · Answer 23 · Mon Feb 20 2017 02:29:11 GMT+0800 (China Standard Time)

Can someone try with webpack 2?

Sergey Ermakovich · Answer 24 · Sun Feb 26 2017 23:03:01 GMT+0800 (China Standard Time)

If you are not using webpack dev server, you can pass children: false to the stats.toString method in your webpack change handler as a workaround. Example:

$.util.log(stats.toString({
  colors: true,
  chunks: false,
  hash: false,
  version: false,
  children: false
}));

Rico Sta. Cruz · Answer 25 · Mon Feb 27 2017 04:47:43 GMT+0800 (China Standard Time)

Can someone try with webpack 2?

Can confirm it works with webpack@2.2.1 + extract-text-webpack-plugin@2.0.0.

Dillon Shook · Answer 26 · Wed Mar 01 2017 22:46:11 GMT+0800 (China Standard Time)

Piggybacking off of @helloyou2012 's solution which didn't work for me in webpack 2:

function SuppressExtractTextLog () {}
SuppressExtractTextLog.prototype.apply = function(compiler){
  compiler.plugin('done', function(stats) {
    stats.compilation.children = stats.compilation.children.filter((child) => {
      return child.name !== 'extract-text-webpack-plugin';
    });
  });
}

It would be great to have an option to disable the verbosity though! I don't want to disable all children stats because that also turns off things like linting output.

Corey Larson · Answer 27 · Sat Mar 11 2017 04:33:44 GMT+0800 (China Standard Time)

Adding { stats: { children: false } } won't work well when used in conjunction with the Webpack MultiCompiler, which outputs each config as its own child. All of the output is hidden in this scenario.

Output w/ Children:

Child CLIENT:
    Hash: d331439e8f84534232f5
    Version: webpack 1.14.0
    Time: 11793ms
                                               Asset       Size  Chunks             Chunk Names
                                    images/close.svg  252 bytes          [emitted]
                                images/hamburger.svg  282 bytes          [emitted]  
       scripts/client.d331439e8f84534232f5.bundle.js     451 kB       0  [emitted]  client
       scripts/common.d331439e8f84534232f5.bundle.js    1.49 MB       1  [emitted]  common
    scripts/polyfills.d331439e8f84534232f5.bundle.js     379 kB       2  [emitted]  polyfills
       scripts/vendor.d331439e8f84534232f5.bundle.js    4.43 kB       3  [emitted]  vendor
       styles/client.d331439e8f84534232f5.bundle.css     254 kB       0  [emitted]  client
                                          stats.json    1.65 kB          [emitted]  
       [0] multi common 88 bytes {1} [built]
        + 494 hidden modules
    
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
Child SERVER:
    Hash: 532b6d31366d08716f19
    Version: webpack 1.14.0
    Time: 11260ms
                            Asset       Size  Chunks             Chunk Names
                 images/close.svg  252 bytes          [emitted]
             images/hamburger.svg  282 bytes          [emitted]  
                 server.bundle.js    6.35 MB       0  [emitted]  server
        + 1209 hidden modules
Child ECM:
    Hash: 420fb47b15e5f3474c3d
    Version: webpack 1.14.0
    Time: 11432ms
                          Asset     Size  Chunks             Chunk Names
    scripts/ecmclient.bundle.js   813 kB       0  [emitted]  ecmclient
    styles/ecmclient.bundle.css  7.34 kB       0  [emitted]  ecmclient
        + 100 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules
    Child extract-text-webpack-plugin:
            + 2 hidden modules

Output w/out Children:

Hash: d331439e8f84534232f5532b6d31366d08716f19420fb47b15e5f3474c3d
Version: webpack 1.14.0

Salam Hiyali · Answer 28 · Sun Apr 02 2017 12:13:40 GMT+0800 (China Standard Time)

@coreyleelarson Looks like not add the config stats: { children: false } in devServer config or webpack.base config file, stats: { children: false } it's works fine for me at webpack 1.14.0 and webpack 2

Here is devServer config:

...
var app = express()
var compiler = webpack(webpackConfig)
...
var devMiddleware = require('webpack-dev-middleware')(compiler, {
  publicPath: webpackConfig.output.publicPath,
  stats: {
    colors: true,
    chunks: false,
    children: false
  }
})
...
app.use(devMiddleware)
...

Danny Feliz · Answer 29 · Thu Jun 22 2017 22:03:05 GMT+0800 (China Standard Time)

@donaldpipowitch worked fine, thanks

Silouan Wright · Answer 30 · Thu Jun 29 2017 02:30:25 GMT+0800 (China Standard Time)

yeah. as stated, the idea isn't to silence the output of all plugins... because some of it is desired (eslint for instance). So the stats: { children: false } setting doesn't really work for me and probably others.

David Furlong · Answer 31 · Mon Jul 31 2017 18:41:34 GMT+0800 (China Standard Time)

stats: "errors-only" does not work as expected with extract-text-webpack-plugin in webpack 3 https://webpack.js.org/configuration/stats/ I have also tried

stats: {
    // minimal logging
    assets: false,
    colors: true,
    version: false,
    hash: false,
    timings: false,
    chunks: false,
    chunkModules: false,
    children: false
  }

without success. I move to reopen @d3viant0ne

David Furlong · Answer 32 · Mon Jul 31 2017 18:47:43 GMT+0800 (China Standard Time)

Also see duplicate #97

Kuznetsov Dmitriy · Answer 33 · Wed Jan 10 2018 00:04:32 GMT+0800 (China Standard Time)

So, there are still no good solutions from extract-text-webpack-plugin, only bad one?