Stack Overflow
Stack Overflow

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
1
vote
0 answers

How to point to a webpack dev server with HMR from a PHP script?

I'm slowly migrating a legacy PHP app to Vue. An initial step is to have the PHP script point to a webpack dev server so that all the nice features of the vue-cli can be used. What this looks like…
Austin Gayler
  • 4,038
  • 8
  • 37
  • 60
1
vote
0 answers

webpack5 configuration don't works

this is kind of frustrating issue. I've been trying to build my own "react-scripts" bundle, so my company no longer relies on it. This is something ordered from the heads, in order to reduce licenses and external dependencies. I've tried the…
Arturo Martinez
  • 41
  • 2
1
vote
1 answer

Quasar and webpack devServer ECONNREFUSED on docker compose

I am trying to develop an app through docker-compose. This app has three components: a frontend (built with the Quasar framework) and a backend (built with python/flask), and another API (not relevant here). The problem is: when I execute…
Lucas Miranda
  • 13
  • 4
1
vote
0 answers

Is there a way to use object and classes from a web-pack bundled file in the other project?

I am trying to use a "bundle.js" from one project to another node project. A client package (https://github.com/galaxyproject/galaxy/tree/dev/client) generates a dist directory after bundling all the client-side component. inside dist, it generates…
jax
  • 3,927
  • 7
  • 41
  • 70
1
vote
1 answer

Webpack: Infinite watch loop and auto-generated files

I have a script which generates a file, call it auto.js. This file contains some dynamically generated imports and is being used within a VueJS project. // auto.js import { apple, strawberry, orange } from 'delicious-fruits'; import { carrot,…
Crayons
  • 1,906
  • 1
  • 14
  • 35
1
vote
1 answer

webpack-dev-server on HTTPS page

I can't get the websocket to work when the app is on HTTPS and the dev server is on HTTP. I'm running webpack-dev-server on the default http://localhost:8080. My app runs on https://myapp.test and references http://localhost:8080/js/app.js. This…
Tamlyn
  • 22,122
  • 12
  • 111
  • 127
1
vote
0 answers

Webpack as simple webserver

How can I use Webpack or Webpack-dev-server as most simple static webserver? No build, no watch, no nothing, just deliver the files from a specified directory? Something like: webpack serve --port 8010 --static ./some-folder
klodoma
  • 4,181
  • 1
  • 31
  • 42
1
vote
1 answer

Run Vue server in other host

I have this question. Is possible run dev server of Vue in other host? if not, with my IP address, with IP address of the another machine. What i need is, that the broswer recognizes it as safe site. With my IP Address is not working, works with…
Josbert
  • 115
  • 6
1
vote
1 answer

Visual Studio React Typescript webpack-dev-server hot reload not working for component changes

I am using .Net Core 3.1 with React, Typescript and webpack for an SPA. I have multiple modules in react which I load on different page/view of Asp.Net core application. I am facing issue with auto refresh or hot reload. When I change a parameter…
Mahesh
  • 402
  • 2
  • 5
  • 16
1
vote
0 answers

process.env is always empty event though i am using webpack.defineplugin

I have tried with adding webpack.defineplugin in my code and I am not able to get data from process.env object i.e object is empty then next I try with adding node:{process:false} in module.export but my project is not able to render app.js…
Rahul Vijaykar
  • 9
  • 1
1
vote
1 answer

Webpack dev-server proxy to localhost

I am struggling with webpack dev server proxy. I am using webpack 5. The goal is to have webpack dev server with local Apache api (PHP/Laravel). Webpack dev server has this settings: devServer: { host: 'localhost', port: 8080, hot:…
Peter Matisko
  • 2,113
  • 1
  • 24
  • 47
1
vote
0 answers

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JS heap out of memory

I'm working in a React project using React 17.0.2 and Webpack 5.28.0, when I'm running my local server, once in a while the server shutsdown with no reason and I get this strange output in my terminal: <--- Last few GCs ---> …
Kaiser91
  • 333
  • 6
  • 17
1
vote
1 answer

Webpack - Inconsistent contenthash between DevServer and build

I have a script that launches WebpackDevServer & Puppeteer to create SSR files (HTML) for my site, and at the same time generate the assets (JS, CSS, etc). However, for some reason, the generated HTML files point to files with a contenthash that is…
Yoav Kadosh
  • 4,807
  • 4
  • 39
  • 56
1
vote
1 answer

Could anyone please assist me on the webpack configuration?

I am trying to configure webpack for my project (I'm going through colt steele webpack course on youtube https://www.youtube.com/watch?v=mnS_1lolc44). But I'm not able to configure my images properly, I tried everything and looked everywhere on…
user3760959
  • 457
  • 1
  • 6
  • 18
1
vote
0 answers

Webpack-Dev-Server with VS-Code “Debugger for Chrome” Plugin

I use the Webpack-Dev-Server in my project and try to get the debugger running with Visual Studio Code and the Debugger for Chrome addon. Expected Behavior: I want to set a breakpoint in vscode and update/halt the running live session. What I got…
FHoffmann
  • 11
  • 1
1 2 3
…
99 100