Questions tagged [webpack-serve]

About

webpack-serve is a webpack development server which leverages native WebSockets via webpack-hot-client.

The server is used for development purpose only.

License

MIT

Links

GitHub

17 questions
15
votes
2 answers

How is webpack-serve different from webpack-dev-server?

webpack-serve: https://github.com/webpack-contrib/webpack-serve webpack-dev-server: https://github.com/webpack/webpack-dev-server They both state they're a dev server for webpack. How are they different?
serverpunk
  • 10,665
  • 15
  • 61
  • 95
5
votes
1 answer

How to get up and running with webpack-serve?

I am trying to use webpack-serve(not dev-server) and I am a bit confused on how to actually run it. I installed it, I have npm, webpack 4 and using VS Code with command line. It seems to me I should just put "webpack-serve" and it should run but I…
chobo2
  • 83,322
  • 195
  • 530
  • 832
4
votes
1 answer

How to configure webpack-serve?

I was trying to set up a webpack development server, following the tutorial, in which it is done with webpack-dev-server, but since it doesn't work with webpack-cli v4, I decided to use webpack-serve (version 3.2.0). My folder structure looks like…
SorenDekate
  • 95
  • 1
  • 7
4
votes
1 answer

Webpack 4 devServer HMR plus full reload on other file changes (like views)

I have a web project with a working Webpack4 config using webpack-dev-server with HMR enabled and started this way via npm script: cross-env NODE_ENV=development webpack-dev-server --inline --hot All is OK, HMR works for my js and scss files. Now…
szegheo
  • 4,175
  • 4
  • 31
  • 35
3
votes
2 answers

Images not loading Webpack/Webpack-dev-serve

all my images seem to be 404, I think I have the right path as I just stuck them in the root directory I am using file loader and trying to load svg files const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-plugin"); const…
chobo2
  • 83,322
  • 195
  • 530
  • 832
3
votes
0 answers

Webpack-Serve's HMR not reloading on included pug-files

Good morning. I have webpack with pug-loader. When I include one pug-file in other pug-file, Webpack compiles new HTML, but Webpack Serve not updating page. How can I fix it? I had idea to require/import pug-files into JS-files, but I think, it is…
3
votes
2 answers

webpack-serve not serving bundle file (404s)

webpack.config.js const webpack = require('webpack'); const path = require('path'); const { VueLoaderPlugin } = require('vue-loader') module.exports = { entry: path.resolve(__dirname, 'src', 'index.js'), mode: 'development', output: { …
Killerpixler
  • 4,200
  • 11
  • 42
  • 82
1
vote
0 answers

Unable to start my react application and getting error in webpack server

I don't know where am going wrong Am not sharing all package.json but whatever required am sharing. here is my package.json "scripts": { "develop": "webpack serve --hot --port 8080 --disable-host-check --config webpack.develop.js", …
1
vote
3 answers

How to open Firefox Developer Edition with Webpack serve and DevServer --open option?

How to open Firefox Developer Edition with webpack serve using devServer.open config option? I've tried to use these configuration values on Windows: 'Mozilla', 'mozilla', 'Firefox', 'firefox', 'Firefox Developer Edition' devServer: { open:…
1
vote
1 answer

React Dev Tools Thinks My Site is in Dev Mode

I want to see how much of a speed boost I get from using the non dev version of everything so I built my site using my "production" webconfig. but dev tools still is telling me it is in "development" mode This page is using the development build of…
chobo2
  • 83,322
  • 195
  • 530
  • 832
1
vote
0 answers

Webpack-serve - reduce logging

I'm trying to use webpack-serve to support an Elm development environment. My problem is that I am getting a huge amount of unneeded logging that pushes the compiler messages quickly off of the screen - see picture. I have the following in my…
Simon H
  • 20,332
  • 14
  • 71
  • 128
1
vote
0 answers

Webpack-serve hmr not working with nginx proxy for websocket

I've setup nginx as a proxy for my local dev environment. I'm using webpack-serve for local dev as well, and a local ssl cert i've setup. I have the site working but I'm having issues the HMR. I see this error when the web sockets try to…
Joe Madden
  • 91
  • 6
1
vote
1 answer

Webpack-Serve Example

I'm in the nightmare process of updating one of my older projects from Webpack 3 to 4 and it's introducing a whole chain of things that need fixing. The most annoying one thus far is definitely switching from webpack-dev-server to webpack-serve due…
Aaron Chamberlain
  • 653
  • 2
  • 10
  • 26
1
vote
2 answers

Why is my webpack-serve building so much SLOWER than webpack-dev-server?

I'm finding that webpack-serve is taking a lot longer to build than webpack-dev-server. I have both of them set up at the same time, as shown in the image below. -serve takes twice as long for the initial build and about 10x as long for a simple hot…
Justin
  • 161
  • 1
  • 8
1
vote
0 answers

Serving two entrypoints with webpack-server and Webpack4

We have two entrypoint (index and auth), that we want to be served using separate routes in development. We want the following routing when we run webpack-serve for development. / is routed to the index entry point. /auth is routed to the auth…
TheJediCowboy
  • 8,924
  • 28
  • 136
  • 208
1
2