Questions tagged [webpack-hot-middleware]

Webpack-hot-middleware refers to the module that concerns only the mechanisms of connecting a browser client to a JavaScript module bundler Webpack server and receiving its respective updates, meaning being able to use the technique of keeping the app running and injecting new versions of the files that one edits at runtime, a.k.a hot reloading, without using webpack-dev-server. Use this tag for questions related to this webpack module.

Webpack-hot-middleware refers to the module that concerns only the mechanisms of connecting a browser client to a JavaScript module bundler Webpack server and receiving its respective updates, meaning being able to use the technique of keeping the app running and injecting new versions of the files that one edits at runtime, a.k.a hot reloading, without using webpack-dev-server. Use this tag for questions related to this webpack module.

85 questions
2
votes
1 answer

webpack-hot-middleware not working with webpack-dev-middleware

I'm trying to use webpack-hot-middleware to hot reload the modules of my application. I'm using webpack-dev-middleware as well. Here is my setup. package.json { "name": "dev-front-end", "version": "1.0.0", "description": "", "main":…
2
votes
0 answers

OWIN Selfhost with webpack-dev-middleware and webpack-hot-middleware

I wonder if there any nuget package exists for integration of webpack-dev-middleware and webpack-hot-middleware with OWIN Selfhost full .Net46 like for AspNetCore - Microsoft.AspNetCore.SpaServices?
2
votes
0 answers

ERROR in multi, Module not found: Error: React Hot Loader@next Universal Rendering

I am using "webpack": "^2.4.1", "webpack-dev-middleware": "^1.10.2", "react-hot-loader": "next", "webpack-hot-middleware": "^2.18.0", Here is webpack client config entry entry: { main: [ 'react-hot-loader/patch', …
2
votes
1 answer

Webpack - Optimizing the compile time(with hot reloading)

We are using webpack-hot-middleware for our dev env. The problem is that the compile has gotten up to 30secs with the code growth. I am trying to implement the suggestions at: https://webpack.github.io/docs/build-performance.html. So about the…
omriman12
  • 1,644
  • 7
  • 25
  • 48
2
votes
0 answers

webpack-hot-middleware always reloads the page hot reloading not working

I looked on all manuals but still my app after code change refreshes all the page not hot reloads the specific change any idea why? webpack.config: export default { debug: true, devtool: 'cheap-module-eval-source-map', entry: [ …
Avi Zloof
  • 2,923
  • 4
  • 22
  • 28
2
votes
0 answers

Babel/Webpack - Configuration for Hot Reloading Confusion?

I have been working on ReactJS for sometime now,I have come over quite a lot of modules eco-system (Webpack,Babel,React) etc.. I have some knowledge on webpack configuration,I have done basic configuration. See below const Path =…
Sathish
  • 2,056
  • 3
  • 26
  • 40
2
votes
1 answer

__webpack_hmr goes to the wrong port and fails

I am trying to get hot-reloading to work with my setup. Currently, it works like so -- server.js // this is the main server, which connects to db, serves react components, etc const app = express(); app.get('/:params?*', (req, res) => { …
1
vote
0 answers

Webpack-dev-middleware and webpack-hot-middleware configuration

I have some conceptual troubles with webpack-dev-middleware and webpack-hot-middleware I have SSR app (react + express), webpack (with clientside and serverside configs). Webpack configs: client.config const config: Configuration = { name:…
1
vote
1 answer

webpack-hot-middleware setup with single entry point

I am serving a Webpack bundle from node and attempting to use 'webpack-hot-middleware' for hot reloading. The Webpack bundle uses a 'var' libraryTarget and exposes a single file which exports all of the modules: Webpack config sample: const config =…
jspru
  • 1,060
  • 1
  • 9
  • 17
1
vote
0 answers

Can you use webpack hot module replacement with an ASP.NET MVC 5 application in Visual Studio 2019

Is it possible to get webpacks hot module replacement to work using Visual Studio 2019 in an ASP.NET MVC 5 web site? I have seen articles and can get it to work with ASP.NET Core but I haven't found anything that will allow me to do this in an…
1
vote
0 answers

How to configure Webpack for development in a Vue.js app with server-side rendering

I have a standard folder structure that is a bit like this: . ├── dist | ├── vendor.js | └── app.js | └── index.html ├── src | └── index.html | └── entry.js // main app entry file | └── entry-client.js //…
volume one
  • 6,800
  • 13
  • 67
  • 146
1
vote
1 answer

Webpack Hot Reload Middleware Errors

I have a very barebones express/webpack setup and followed the instructions to use webpack-hot-middleware, however, whenever I run my server I get a chain of warnings and error messages referencing node_modules that I'm not aware are needed for this…
cphill
  • 5,596
  • 16
  • 89
  • 182
1
vote
0 answers

hotreload with webpack.DefinePlugin

I have plugins: [ new webpack.DefinePlugin({consts: require(`./development.json`)}) ] in my webpack.config.js. Config is read once on webpack start, if I change anything in development.json I need to halt the webpack process and run it again.…
deathangel908
  • 8,601
  • 8
  • 47
  • 81
1
vote
0 answers

webpack 4 unable to implement HMR

So i'm fairly new to webpack and for the past week i've been struggling to implement it into my project, i used this guide: https://medium.com/@binyamin/creating-a-node-express-webpack-app-with-dev-and-prod-builds-a4962ce51334 i managed to make most…
1
vote
0 answers

webpackDevMiddleware & webpackHotMiddleware slow down the server

I've added the hot-reload on an express app in using webpackDevMiddleware & webpackHotMiddleware but I notice that this 2 middleware slow down the app, I think is normal that the first start should be slower becuase I need to compile everything but…