webpack-dev-server icon indicating copy to clipboard operation
webpack-dev-server copied to clipboard

show lazyCompilation information while compiling in the client overlay

Open sibelius opened this issue 2 years ago • 6 comments

Feature Proposal

I'd like to provide some feedback to developers while webpack is compiling when using lazyCompilation experimental feature

Feature Use Case

just improve the dx, not thinking that something is broken

Please paste the results of npx webpack-cli info here, and mention other relevant information

System: OS: macOS 12.1 CPU: (4) x64 Intel(R) Core(TM) i7-5557U CPU @ 3.10GHz Memory: 63.11 MB / 16.00 GB Binaries: Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node Yarn: 1.22.17 - ~/Dev/entria/feedback/feedback-admin/node_modules/.bin/yarn npm: 8.1.0 - ~/.nvm/versions/node/v16.13.0/bin/npm Monorepos: Yarn Workspaces: 1.22.17 Lerna: 4.0.0 Packages: eslint-import-resolver-webpack: 0.13.2 => 0.13.2 webpack-merge: 5.8.0 => 5.8.0 webpack-node-externals: 3.0.0 => 3.0.0

sibelius avatar Jan 21 '22 14:01 sibelius

What is information do you need?

alexander-akait avatar Jan 21 '22 14:01 alexander-akait

  • lazy compilation is compiling this
  • maybe a simple loading that does not block developer interaction with other chunks already loaded
  • or a progress bar

image

sibelius avatar Jan 21 '22 16:01 sibelius

Do you want it in browser or in terminal?

alexander-akait avatar Jan 22 '22 13:01 alexander-akait

Browser, webpack already show this info on the terminal

sibelius avatar Jan 22 '22 14:01 sibelius

how can I implement this? where is the best place to put this code?

sibelius avatar Dec 06 '22 20:12 sibelius

Need to look how to get/hook information about compilation and send it to our overlay, but I think we already sent stats to client

alexander-akait avatar Dec 06 '22 21:12 alexander-akait