Custom build setup with hot reload question
It makes each entry an array containing the hot-reload script and the entry itself. Is this what you were referring to?
I guess so, I am struggling to understand the flow in details. I will apply the script and user some quality time with the debugger Thanks …
Ok, it now works like a charm using pure Webpack2!
I am using my own script (I really need to learn to handle this), and when I tried to add the
webpack-hot-middlewareand from the
hot-reload.jsfile, but it did not work, but I got some strange errors in the console.
I found the ref to ServerSendEvent i bit odd, as Webpack2 devServer opened up an Websocket, and the web browser wrote all kind of relevant HMR notices (like compiling …) in my client console but no component hot update. So my browser was talking to my webpack debServer, but not any further. I am using vue-loader, and i checked that it also injected the hot reload code, so the middleware in webpack did not work
Then … I discovered my main error here, I was using
webpack-dev-serverversion 1.x … after an update (2.3.x), I got beautiful hot updates, and I was really happy.
The bonus … when updating components, we get all kinds of random strings in the console, but we really just like real names, and I found that adding
new webpack.NamedModulesPlugin()to your webpack plugins, make everything readable again.
Hope this may help someone …
I see no difference by adding NamedModulesPlugin for the default starter kit. What does this do?
In stead of stange random names when components reload, it gives me file names … very useful
@druppy can you make a screenshot pls? It sounds interesting to add to the default starter kit, but it has no effect for me… or am I looking in wrong place?
druppy last edited by druppy
I think that the std templates are not using devServer 2.3.x … as you need the
hot-reload.jsfile, and that could be the reason for the problems ?
Do you have a repo I can take a look, pls? I’m curious about something.
No, sorry … but I can give you the webpack config file if this helps ?
I will start using this in i private project soon, so that could be useful, but i don’t have it ready now
This is for you : https://github.com/druppy/quasar-test
$ npm i; npm run dev2makes a plain template project, but using my single webpack file, and separate css file btw.
I really like being able to use std tools like
vue-cli, to prevent to much wheel inventing