How can I make Webpack a little less verbose? #13002

Jakobud · 2021-03-27T06:24:22Z

Jakobud
Mar 27, 2021

Currently when building some JS entry point files I see something like this:

  assets by path site_website-name-1/static/js/*.js 1010 KiB 20 assets
  assets by path site_website-name-2/static/js/*.js 1010 KiB 20 assets
  runtime modules 4.76 KiB 20 modules
  modules by path ./cartridges/ 275 KiB
    modules by path ./src/js/ 274 KiB 65 modules
    modules by path ./src2/js/*.js 164 bytes
      ./src/js/testfile.js?site_website-name-1 82 bytes [built] [code generated]
  modules by path ./node_modules/ 409 KiB
    modules by path ./node_modules/lodash/*.js 13 KiB 12 modules
    modules by path ./node_modules/bootstrap/js/src/*.js 65.8 KiB 7 modules
    ./node_modules/jquery/dist/jquery.js 281 KiB [built] [code generated]
    ./node_modules/cleave.js/dist/cleave-esm.js 49.1 KiB [built] [code generated]
  js (webpack 5.26.0) compiled successfully in 4643 ms

When I compile individual SCSS entry point files its even more stuff:

  assets by path src/static/ 939 KiB
    assets by path src/static/default/css/ 931 KiB 68 assets
    assets by path src/static/fr_FR/css/account/ 4.04 KiB 2 assets
    assets by path src/static/it_IT/css/account/ 4.04 KiB
      asset src/static/it_IT/css/account/addressBook.css 2.78 KiB [emitted] (name: src/static/it_IT/css/account/addressBook) 1 related asset
      asset src/static/it_IT/css/account/addressBook.js 1.26 KiB [emitted] (name: src/static/it_IT/css/account/addressBook) 1 related asset
  assets by path src/static/ 939 KiB
    assets by path src/static/default/css/ 931 KiB 68 assets
    assets by path src/static/fr_FR/css/account/ 4.04 KiB
      asset src/static/fr_FR/css/account/addressBook.css 2.78 KiB [emitted] (name: src/static/fr_FR/css/account/addressBook) 1 related asset
      asset src/static/fr_FR/css/account/addressBook.js 1.26 KiB [emitted] (name: src/static/fr_FR/css/account/addressBook) 1 related asset
    assets by path src/static/it_IT/css/account/ 4.04 KiB
      asset src/static/it_IT/css/account/addressBook.css 2.78 KiB [emitted] (name: src/static/it_IT/css/account/addressBook) 1 related asset
      asset src/static/it_IT/css/account/addressBook.js 1.26 KiB [emitted] (name: src/static/it_IT/css/account/addressBook) 1 related asset
  cached modules 3.52 KiB (javascript) 1.74 MiB (css/mini-extract) 19.6 KiB (runtime) [cached] 218 modules

Is there any way to control what is output to the terminal? Any way to tone it down a bit? Like I really am only interested in seeing which files get built and if there are any errors/warnings. Like I don't need to see what directories are being used for building ("assets by path...." stuff). I don't care about seeing the cached modules message, etc...