Questions tagged [webpack-dev-server]

a Node.js based server that supports live reloading and is used for development of webpack powered applications.

webpack-dev-server is a little Node.js Express server, which uses the webpack-dev-middleware to serve a webpack bundle. It also has a little runtime which is connected to the server via Socket.IO. The server emits information about the compilation state to the client, which reacts to those events by updating the bundle.

The server is used for development purpose only.

3256 questions
2
votes
0 answers

Does React-Router break live reload via Webpack?

I'm using React-Router and just updated my routes to incorporate nested URLs and it seems to have broken Webpack's live reloading:
2
votes
0 answers

Watch all Less Files but only compile one main one

So I downloaded a theme that has a bunch of less files but there is a main one that imports the others in the correct order. It came with a gulp file that watches any .less file but recompiles only the one that imports all the others. It looks like…
2
votes
3 answers

How to enable stage 0 in this webpack babel config so that I can use decorators

I'm trying to follow this example http://jamesknelson.com/unlocking-decorators-and-other-es7-features-with-webpack-and-babel/ with my fluxible app to enable decorators. I tried adding query:{stage:0} as per the instructions to the webpack.config.js…
MonkeyBonkey
  • 46,433
  • 78
  • 254
  • 460
2
votes
1 answer

Getting webpack error "Module not found: Error: Cannot resolve module" in fluxible after re-installing node_modules

I have a fluxible project and I'm getting these errors after I deleted all files in node_modules and reinstalled with npm install -d when I try to run with npm run dev which is node webpack-dev-server.js & PORT=3001 nodemon start.js -e js,jsx. The…
MonkeyBonkey
  • 46,433
  • 78
  • 254
  • 460
2
votes
0 answers

react hot loader not updating frontend

I'm not sure why my front end isn't running in hot mode. I am trying to decouple the front end and backend as much as possible. The only thing that connects the two is that I use django's webpack_loader app to load the webpack build to load into a…
Liondancer
  • 15,721
  • 51
  • 149
  • 255
2
votes
1 answer

How can I have different file for development and deployment using webpack?

I have some config files which basically stores some data. However, I am using different data for development and deployment. I don't want to manually change the file whenever I try to deploy it. Nor do I want to change the import statement before…
LoveProgramming
  • 2,121
  • 3
  • 18
  • 25
2
votes
1 answer

Webpack dev server not using proxy

I've read the documentation for the webpack-dev-server and how to setup a proxy, but it's not working for me. What I want to do is have an API_ROOT to http://my_external_server.com/api and then use that in ajax requests. In my config I have: proxy:…
ukejoe
  • 737
  • 2
  • 9
  • 20
2
votes
2 answers

How to consume this with webpack

How can I consume this repo in a webpack react app: https://github.com/chris-rudmin/Recorderjs I got as far as creating a new lib and exporting the main file in es6 module style. I build with webpack, but the issue happens when I try to use the…
2
votes
2 answers

React Hot Loader not updating as expected

I am using react-hot-loader and webpack. I also use webpack-dev-server together with an express backend. This is my relevant webpack config for development: var frontendConfig = config({ entry: [ './src/client/app.js', …
tmaximini
  • 8,403
  • 6
  • 47
  • 69
2
votes
0 answers

Use livereload with webpack

I would like to use livereload with webpack. One option would be to use hot module replacement but in my case the js files must be served from the file system and not from a server (localhost:). So is there a way to integrate livereload with…
HaNdTriX
  • 28,732
  • 11
  • 78
  • 85
2
votes
0 answers

Getting webpack-dev-server to serve updated bundle after full reload

I'm running into an issue with webpack-dev-server and the react-hot loader. Occasionally a full page reload is required when the changes can't be hot loaded (e.g. when editing a non-react component). Since the dev server keeps all new changes in…
Vito
  • 96
  • 6
2
votes
2 answers

Inject webpack-dev-server.js

I would like to inject the webpack-dev-server.js file. However according to the documentation this should be done manually and only with the full url: From: http://webpack.github.io/docs/webpack-dev-server.html#api Notice that [...] there is no…
jantimon
  • 36,840
  • 23
  • 122
  • 185
2
votes
4 answers

webpack-dev-server hot loading not working with boot2docker

I am currently trying to get webpack-dev-server working with hot loading, through boot2docker. I have files changes being picked up correctly in my container, by using docker-osx-dev, but the socket.io hot reloading is not working. The reason being…
saul.shanabrook
  • 3,068
  • 3
  • 31
  • 49
2
votes
1 answer

Webpack: Loading scripts for IE9 only with specific configuration

I decided to try out webpack today, and am now stuck with a question. Our application talks to an api. The api is configurable, and so far I've been doing that by allowing a config option to my gulpfile which will ensure a config.js is created with…
Bart van den Burg
  • 2,166
  • 4
  • 25
  • 42
2
votes
2 answers

Webpack-dev-server and isomorphic react-node application

I've managed to properly use webpack dev server alongside with a node server (express), using the plugin section inside webpack's config. It all works fine but now I'm trying to go isomorphic and use client-side components inside the express…
VAShhh
  • 3,494
  • 2
  • 24
  • 37