simple-progress-webpack-plugin icon indicating copy to clipboard operation
simple-progress-webpack-plugin copied to clipboard

Published 20 hours ago • verified publisher icon dominique-mueller

Missing information in output

Open mjansen-dc opened this issue 3 years ago • 0 comments

Issue I've noticed some weirdness with the output of the plugin especially in regards to the expanded and verbose formats. Note: the duplicate output has its own issue located at #66

Minimal format: Note: using a gif here because I can't copy-paste the entire output for obvious reasons GuOZDIP5nG There's a few things here. Unlike in the example the build modules step never shows what's being built. And other than that the optimize modules step provides no information other than saying "sealing ...". In these gifs it is very hard to see due to the speed (minimal repro project), but issues are highlighted in the expanded and verbose formats below, where its much easier to see.

Compact format: Note: using a gif here because I can't copy-paste the entire output for obvious reasons UBvcm8X6WR Same as minimal

Expanded format:

$ webpack
Webpack: Starting ...

  > Compile modules

  > Build modules

  > Optimize modules
    → [-2%] Sealing ...
    → [-2%] Sealing ...
    → [-2%] Sealing ...
    → [1%] Sealing ...
    → [1%] Sealing ...
    → [1%] Sealing ...
    → [4%] Sealing ...
    → [4%] Sealing ...
    → [7%] Sealing ...
    → [7%] Sealing ...
    → [10%] Sealing ...
    → [10%] Sealing ...
    → [12%] Sealing ...
    → [12%] Sealing ...
    → [15%] Sealing ...
    → [15%] Sealing ...
    → [18%] Sealing ...
    → [18%] Sealing ...
    → [21%] Sealing ...
    → [21%] Sealing ...
    → [21%] Sealing ...
    → [21%] Sealing ...
    → [21%] Sealing ...
    → [21%] Sealing ...
    → [21%] Sealing ...
    → [24%] Sealing ...
    → [24%] Sealing ...
    → [26%] Sealing ...
    → [26%] Sealing ...
    → [29%] Sealing ...
    → [29%] Sealing ...
    → [32%] Sealing ...
    → [32%] Sealing ...
    → [35%] Sealing ...
    → [35%] Sealing ...
    → [37%] Sealing ...
    → [37%] Sealing ...
    → [37%] Sealing ...
    → [40%] Sealing ...
    → [40%] Sealing ...
    → [43%] Sealing ...
    → [43%] Sealing ...
    → [43%] Sealing ...
    → [46%] Sealing ...
    → [46%] Sealing ...
    → [49%] Sealing ...
    → [49%] Sealing ...
    → [51%] Sealing ...
    → [51%] Sealing ...
    → [51%] Sealing ...
    → [54%] Sealing ...
    → [54%] Sealing ...
    → [57%] Sealing ...
    → [57%] Sealing ...
    → [57%] Sealing ...
    → [60%] Sealing ...
    → [60%] Sealing ...
    → [63%] Sealing ...
    → [63%] Sealing ...
    → [65%] Sealing ...
    → [65%] Sealing ...
    → [65%] Sealing ...
    → [68%] Sealing ...
    → [68%] Sealing ...
    → [68%] Sealing ...
    → [71%] Sealing ...
    → [71%] Sealing ...
    → [74%] Sealing ...
    → [74%] Sealing ...
    → [76%] Sealing ...
    → [76%] Sealing ...
    → [79%] Sealing ...
    → [79%] Sealing ...
    → [82%] Sealing ...
    → [82%] Sealing ...
    → [85%] Sealing ...
    → [85%] Sealing ...
    → [88%] Sealing ...
    → [88%] Sealing ...
    → [90%] Sealing ...
    → [90%] Sealing ...
    → [93%] Sealing ...
    → [93%] Sealing ...
    → [96%] Sealing ...
    → [96%] Sealing ...
    → [99%] Sealing ...
    → [99%] Sealing ...
    → [102%] Sealing ...
    → [102%] Sealing ...

  > Emit files

Finished after 1.488 seconds.

Webpack: Starting ...

  > Emit files

Finished after 0.001 seconds.

asset main.js 2.2 MiB [compared for emit] (name: main)
runtime modules 1.25 KiB 6 modules
modules by path ./node_modules/core-js/modules/*.js 238 KiB 226 modules
modules by path ./node_modules/core-js/internals/*.js 152 KiB 167 modules
modules by path ./node_modules/scheduler/ 26.3 KiB
  modules by path ./node_modules/scheduler/*.js 412 bytes 2 modules
  modules by path ./node_modules/scheduler/cjs/*.js 25.9 KiB 2 modules
modules by path ./node_modules/react/ 70.6 KiB
  ./node_modules/react/index.js 190 bytes [built] [code generated]
  ./node_modules/react/cjs/react.development.js 70.5 KiB [built] [code generated]
modules by path ./node_modules/react-dom/ 875 KiB
  ./node_modules/react-dom/index.js 1.33 KiB [built] [code generated]
  ./node_modules/react-dom/cjs/react-dom.development.js 874 KiB [built] [code generated]
4 modules
webpack 5.40.0 compiled successfully in 1487 ms
Done in 4.19s.

Here you can really see how the progress steps gives no info about the build and optimization steps. Additionally, it starts at -2% and finishes at 102%, which seems a bit odd.

Verbose format:

$ webpack
[13:53:48] Webpack: Starting ...

[13:53:48] Webpack (0%) - Compile modules
[13:53:48] Webpack (1%) - Compile modules
[13:53:48] Webpack (1%) - Compile modules
[13:53:48] Webpack (2%) - Compile modules
[13:53:48] Webpack (2%) - Compile modules
[13:53:48] Webpack (2%) - Compile modules
[13:53:48] Webpack (3%) - Compile modules
[13:53:48] Webpack (3%) - Compile modules
[13:53:48] Webpack (3%) - Compile modules
[13:53:48] Webpack (4%) - Compile modules
[13:53:48] Webpack (4%) - Compile modules
[13:53:48] Webpack (5%) - Compile modules
[13:53:48] Webpack (5%) - Compile modules
[13:53:48] Webpack (6%) - Compile modules
[13:53:48] Webpack (6%) - Compile modules
[13:53:48] Webpack (6%) - Compile modules
[13:53:48] Webpack (7%) - Compile modules
[13:53:48] Webpack (7%) - Compile modules
[13:53:48] Webpack (7%) - Compile modules
[13:53:48] Webpack (8%) - Compile modules
[13:53:48] Webpack (8%) - Compile modules
[13:53:48] Webpack (8%) - Compile modules
[13:53:48] Webpack (8%) - Compile modules
[13:53:48] Webpack (8%) - Compile modules
[13:53:48] Webpack (8%) - Compile modules
[13:53:48] Webpack (8%) - Compile modules
[13:53:48] Webpack (8%) - Compile modules
[13:53:48] Webpack (8%) - Compile modules
[13:53:48] Webpack (8%) - Compile modules
[13:53:48] Webpack (8%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (9%) - Compile modules
[13:53:48] Webpack (10%) - Build modules
[13:53:48] Webpack (10%) - Build modules
[13:53:49] Webpack (10%) - Build modules
[13:53:49] Webpack (65%) - Build modules
[13:53:49] Webpack (65%) - Build modules
[13:53:49] Webpack (69%) - Build modules
[13:53:49] Webpack (69%) - Build modules
[13:53:49] Webpack (70%) - Build modules
[13:53:49] Webpack (70%) - Build modules
[13:53:49] Webpack (70%) - Build modules
[13:53:49] Webpack (70%) - Build modules
[13:53:49] Webpack (70%) - Build modules
[13:53:49] Webpack (71%) - Optimize modules (sealing)
[13:53:49] Webpack (71%) - Optimize modules (sealing)
[13:53:49] Webpack (71%) - Optimize modules (sealing)
[13:53:49] Webpack (71%) - Optimize modules (sealing)
[13:53:49] Webpack (71%) - Optimize modules (sealing)
[13:53:49] Webpack (71%) - Optimize modules (sealing)
[13:53:49] Webpack (72%) - Optimize modules (sealing)
[13:53:49] Webpack (72%) - Optimize modules (sealing)
[13:53:49] Webpack (73%) - Optimize modules (sealing)
[13:53:49] Webpack (73%) - Optimize modules (sealing)
[13:53:49] Webpack (73%) - Optimize modules (sealing)
[13:53:49] Webpack (73%) - Optimize modules (sealing)
[13:53:49] Webpack (74%) - Optimize modules (sealing)
[13:53:49] Webpack (74%) - Optimize modules (sealing)
[13:53:49] Webpack (74%) - Optimize modules (sealing)
[13:53:49] Webpack (74%) - Optimize modules (sealing)
[13:53:49] Webpack (75%) - Optimize modules (sealing)
[13:53:49] Webpack (75%) - Optimize modules (sealing)
[13:53:49] Webpack (76%) - Optimize modules (sealing)
[13:53:49] Webpack (76%) - Optimize modules (sealing)
[13:53:49] Webpack (76%) - Optimize modules (sealing)
[13:53:49] Webpack (76%) - Optimize modules (sealing)
[13:53:49] Webpack (76%) - Optimize modules (sealing)
[13:53:49] Webpack (76%) - Optimize modules (sealing)
[13:53:49] Webpack (76%) - Optimize modules (sealing)
[13:53:49] Webpack (76%) - Optimize modules (sealing)
[13:53:49] Webpack (76%) - Optimize modules (sealing)
[13:53:49] Webpack (77%) - Optimize modules (sealing)
[13:53:49] Webpack (77%) - Optimize modules (sealing)
[13:53:49] Webpack (78%) - Optimize modules (sealing)
[13:53:49] Webpack (78%) - Optimize modules (sealing)
[13:53:49] Webpack (78%) - Optimize modules (sealing)
[13:53:49] Webpack (78%) - Optimize modules (sealing)
[13:53:49] Webpack (79%) - Optimize modules (sealing)
[13:53:49] Webpack (79%) - Optimize modules (sealing)
[13:53:49] Webpack (80%) - Optimize modules (sealing)
[13:53:49] Webpack (80%) - Optimize modules (sealing)
[13:53:49] Webpack (80%) - Optimize modules (sealing)
[13:53:49] Webpack (80%) - Optimize modules (sealing)
[13:53:49] Webpack (80%) - Optimize modules (sealing)
[13:53:49] Webpack (81%) - Optimize modules (sealing)
[13:53:49] Webpack (81%) - Optimize modules (sealing)
[13:53:49] Webpack (81%) - Optimize modules (sealing)
[13:53:49] Webpack (82%) - Optimize modules (sealing)
[13:53:49] Webpack (82%) - Optimize modules (sealing)
[13:53:49] Webpack (82%) - Optimize modules (sealing)
[13:53:49] Webpack (82%) - Optimize modules (sealing)
[13:53:49] Webpack (83%) - Optimize modules (sealing)
[13:53:49] Webpack (83%) - Optimize modules (sealing)
[13:53:49] Webpack (83%) - Optimize modules (sealing)
[13:53:49] Webpack (83%) - Optimize modules (sealing)
[13:53:49] Webpack (83%) - Optimize modules (sealing)
[13:53:49] Webpack (84%) - Optimize modules (sealing)
[13:53:49] Webpack (84%) - Optimize modules (sealing)
[13:53:49] Webpack (84%) - Optimize modules (sealing)
[13:53:49] Webpack (85%) - Optimize modules (sealing)
[13:53:49] Webpack (85%) - Optimize modules (sealing)
[13:53:49] Webpack (85%) - Optimize modules (sealing)
[13:53:49] Webpack (85%) - Optimize modules (sealing)
[13:53:49] Webpack (86%) - Optimize modules (sealing)
[13:53:49] Webpack (86%) - Optimize modules (sealing)
[13:53:49] Webpack (86%) - Optimize modules (sealing)
[13:53:49] Webpack (87%) - Optimize modules (sealing)
[13:53:49] Webpack (87%) - Optimize modules (sealing)
[13:53:49] Webpack (87%) - Optimize modules (sealing)
[13:53:49] Webpack (87%) - Optimize modules (sealing)
[13:53:49] Webpack (87%) - Optimize modules (sealing)
[13:53:49] Webpack (88%) - Optimize modules (sealing)
[13:53:49] Webpack (88%) - Optimize modules (sealing)
[13:53:49] Webpack (89%) - Optimize modules (sealing)
[13:53:49] Webpack (89%) - Optimize modules (sealing)
[13:53:49] Webpack (89%) - Optimize modules (sealing)
[13:53:49] Webpack (89%) - Optimize modules (sealing)
[13:53:49] Webpack (90%) - Optimize modules (sealing)
[13:53:49] Webpack (90%) - Optimize modules (sealing)
[13:53:49] Webpack (91%) - Optimize modules (sealing)
[13:53:49] Webpack (91%) - Optimize modules (sealing)
[13:53:49] Webpack (91%) - Optimize modules (sealing)
[13:53:49] Webpack (91%) - Optimize modules (sealing)
[13:53:49] Webpack (92%) - Optimize modules (sealing)
[13:53:49] Webpack (92%) - Optimize modules (sealing)
[13:53:49] Webpack (92%) - Optimize modules (sealing)
[13:53:49] Webpack (92%) - Optimize modules (sealing)
[13:53:49] Webpack (93%) - Optimize modules (sealing)
[13:53:49] Webpack (93%) - Optimize modules (sealing)
[13:53:49] Webpack (94%) - Optimize modules (sealing)
[13:53:49] Webpack (94%) - Optimize modules (sealing)
[13:53:49] Webpack (94%) - Optimize modules (sealing)
[13:53:49] Webpack (94%) - Optimize modules (sealing)
[13:53:49] Webpack (95%) - Emit files
[13:53:49] Webpack (95%) - Emit files
[13:53:49] Webpack (98%) - Emit files
[13:53:49] Webpack (98%) - Emit files
[13:53:49] Webpack (99%) - Emit files
[13:53:49] Webpack (99%) - Emit files
[13:53:49] Webpack (99%) - Emit files
[13:53:49] Webpack (99%) - Emit files
[13:53:49] Webpack (99%) - Emit files
[13:53:49] Webpack (99%) - Emit files
[13:53:49] Webpack (99%) - Emit files

[13:53:49] Finished after 1.208 seconds.

[13:53:49] Webpack: Starting ...

[13:53:49] Webpack (99%) - Emit files
[13:53:49] Webpack (99%) - Emit files
[13:53:49] Webpack (99%) - Emit files

[13:53:49] Finished after 0.001 seconds.

asset main.js 2.2 MiB [compared for emit] (name: main)
runtime modules 1.25 KiB 6 modules
modules by path ./node_modules/core-js/modules/*.js 238 KiB 226 modules
modules by path ./node_modules/core-js/internals/*.js 152 KiB 167 modules
modules by path ./node_modules/scheduler/ 26.3 KiB
  modules by path ./node_modules/scheduler/*.js 412 bytes 2 modules
  modules by path ./node_modules/scheduler/cjs/*.js 25.9 KiB 2 modules
modules by path ./node_modules/react/ 70.6 KiB
  ./node_modules/react/index.js 190 bytes [built] [code generated]
  ./node_modules/react/cjs/react.development.js 70.5 KiB [built] [code generated]
modules by path ./node_modules/react-dom/ 875 KiB
  ./node_modules/react-dom/index.js 1.33 KiB [built] [code generated]
  ./node_modules/react-dom/cjs/react-dom.development.js 874 KiB [built] [code generated]
4 modules
webpack 5.40.0 compiled successfully in 1205 ms
Done in 1.89s.

The same issue as the others, where no info is displayed other than the "step" its at. No info what its actually building nor the optimization steps its taking.

Environment Operating System: Windows 10 Node version: 12.13.0 Webpack version: 5.40.0 Plugin version: 2.0.0

Webpack config: Note: the mode setting does not affect this. I simply added this to suppress the log which asks you to set it, for the rest its a minimal zero config webpack config

const SimpleProgressWebpackPlugin = require("simple-progress-webpack-plugin");

module.exports = {
  mode: "development",
  plugins: [
    new SimpleProgressWebpackPlugin({
      format: "compact",
    }),
  ],
};

mjansen-dc avatar Jun 25 '21 11:06 mjansen-dc