Comments (5)
Hi @DimitarNestorov, you are right, webpack monitor is not ment to be used in a watch mode:
(from #48):
Typically you'd insert webpack monitor as a plugin on your production config and only periodically launch the dashboard.
and the reason being:
the idea being that we are not so concerned about the state of the non-optimized dev builds
That's why on each run a new express instance is started and when the old one blocks the port, an error is trown.
You could set the launch
flag to false, or move this to your production webpack config.
maybe webpack monitor will support this one day.
you can also have a look at some similar issues:
EADDRINUSE on compile #48
Support for hot reloading #69
throw error on port 8081 when editing code #78
from webpackmonitor.
I am going to use webpack monitor to focus on optimizing the production build.
My issue as that if I don't use watch mode I have to wait 5+ mins between each build in order to see the result.
In order to achieve the result I want right now I will use capture: true
, --watch
and run the webpack monitor express instance without launch: true
in the webpack config.
So the ideal situation is capture
and launch
both to be true and the webpack watcher not to crash.
And auto reload (but I will do it myself using BrowserSyncPlugin [proxy: 'http://localhost:8081/'
])
from webpackmonitor.
@DimitarNestorov , you said supporting a watch mode would be your feature request. What would be your use case, or what behavior would you expect?
- with the current default behavior, when the
capture
flag in on, then each small change would result to a new point in the chart and the stats would be bloated pretty fast. capture: false
would allow a stats server to run and show the captured stats, but local changes would not be visualized in the charts.- another option would be to not capture the changes and save in the stats.json. but to show the current snapshot as the last point in the charts to be compared with captured data.
from webpackmonitor.
So the ideal situation is capture and launch both to be true and the webpack watcher not to crash.
Definitely. This is what I expected.
from webpackmonitor.
It still says
A tool for monitoring webpack optimization metrics through the development process
from webpackmonitor.
Related Issues (20)
- CLI Proposal HOT 1
- Static html instead of started app HOT 1
- Webpack Monitor doesn´t know create routes HOT 1
- Tapable.plugin is deprecated
- UnhandledPromiseRejectionWarning: Error: undefined:412:2: selector missing HOT 2
- Future of Webpack Monitor HOT 1
- Make a difference between "launch" and "serve".
- Fails when using multiple entry points and html-webpack-plugin
- error when used with next.js HOT 1
- Handle colors package issue
- Suggestion: describe each build and surface in build history so I can see why builds changed
- Suggestion: Emphasize changed data points on /builds tab
- Suggestion: toggle unchanged files and/or data points on the /builds tab
- Unhandled rejection SyntaxError: unknown: static is a reserved word in strict mode HOT 1
- Bug: not defensive vs empty stats.json HOT 2
- Add option to ignore source maps HOT 3
- Suggestion: How to configure Webpack Monitor with Mix + Laravel HOT 1
- webpackmonitor CLI HOT 2
- Modules circle on overview page too small HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from webpackmonitor.