React-redux-universal-hot-example: hot-reloading is very slow

[yesvods]

hi, I found that I had to wait for serval second to see the result after modifying a component.Can I turn webpack-dev-server lazy mode to true?It seems not working as I expected.

[erikras]

I'm not sure. It's pretty quick for me.

Anyone else seeing this?

[yesvods]

[1] ==> 💻 Open http://localhost:3000 in a browser to view the app.
[0] Hash: 2122070791b0e8d6721d
[0] Version: webpack 1.10.5
[0] Time: 8813ms
[0] Asset Size Chunks Chunk Names
[0] c29770d03d2e95e3ea5899d57c6cfeab.jpg 92.2 kB [emitted]
[0] main-2122070791b0e8d6721d.js 3.13 MB 0 [emitted] main
[1] [piping] File src/views/Home.js has changed, reloading.
[0] Hash: 584714ccc195ea5d52f8
[0] Version: webpack 1.10.5
[0] Time: 3859ms
[0] Asset Size Chunks Chunk Names
[0] c29770d03d2e95e3ea5899d57c6cfeab.jpg 92.2 kB [emitted]
[0] main-584714ccc195ea5d52f8.js 3.13 MB 0 [emitted] main
[0] 0.2122070791b0e8d6721d.hot-update.js 21.3 kB 0 [emitted] main
[0] 2122070791b0e8d6721d.hot-update.json 36 bytes [emitted]

When I turn quiet to false, It seems that When a component is modified.All the source are re-compile again and it's obviously only one file need to be compiled.Can this to be fixed?

[erikras]

You are correct, that if you turn noInfo: false, it certainly looks like it's building every file every time.

I'm far from a webpack expert, so I'll leave this open in case someone comes along with more insights.

[b2whats]

+1 very slow update, more 5 sec

[b2whats]

new webpack.WatchIgnorePlugin([/\.json$/]),

this line creates problems

[erikras]

Can you elaborate, @b2whats? What does removing it change?

[subpopular]

Changing this:

new webpack.WatchIgnorePlugin([/\.json$/])

to:

new webpack.IgnorePlugin([/\.json$/])

seems to help bring the build time back down to about 300ms.

However - it does seem to crash to watcher at random times...so not sure if this is a viable solution.

[subpopular]

Seems to only crash sometimes when noInfo is true and the output is too long. Keeping it dev server quiet with quiet: true, noInfo: true seems to do the trick.

[erikras]

Nice work, @subpopular.

[yesvods]

whoops, this trick doesn't make any senses. Turn quiet: false, noInfo: false, all files are still compiled every time.

[subpopular]

WatchIgnorePlugin breaks the webpack cache - even though it shows all the files - webpack is using the cache correctly with this fix, so not everything is actually being rebuilt everytime.

For me, this sped up the build time from 3000ms to 300ms.

[yesvods]

Already update to newest code. "npm run dev" still keep 3000ms, is there any wrong ?

[erikras]

Flipping those settings to verbose showed me that it looked at every file, but only compiled the one that changed.

[yesvods]

You are correct.Thank you very much.

[ranjithnori]

Already updated to newest code. But hot reload is taking around 4494ms with 'npm run dev'. Am I missing something here ?

[mmahalwy]

Same here

[sars]

Same for me

[mmahalwy]

any luck with this anyone?

[kaumac]

same problem here, no solution so far?

[feketegy]

Turn on caching in dev too, this way it will use the cached file in hot reload. Just cache:true