How to change webpack dev-server output publicPath relative to root

Question

I have a webpack configuration, which outputs file in this format:

<!doctype html><html lang="en">
<head><title>Test</title>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<link href="/app.d4748ed7545c989488198e70fba64ba6.css" rel="stylesheet">
</head>
<body><div id="root" style="height: 100%"></div>
 <script type="text/javascript" src="/vendor.8ef0f4df1a333e035c4d.js">
 </script><script type="text/javascript" src="/app.396d1daa0b3c37c76831.js">
 </script>
</body>
</html>

The part I'm interested in is the serving of static files. Currently it serves them like so: src="/vendor.8ef0f4df1a333e035c4d.js".

How could I use the webpack to serve those files relatively, like so: src="vendor.8ef0f4df1a333e035c4d.js"?

Where to put that in the webpack config? I'm also using code splitting through require.ensure. Do I need to modify those parts as well? Please help!

which plugin are you using for create this file? if you can, provide webpack config file — TeoMatthew
– TeoMatthew, Commented Oct 3, 2016 at 13:52

devinm · Accepted Answer · 2019-04-03 04:01:50Z

2

From my understanding of the webpack-4 documentation for output.publicPath, if you set output.publicPath to be the empty string (i.e. output.publicPath: ''), that should result in all paths being resolved to relative to the HTML-document, which seems to be the behavior you are interested in.

The excerpt from the documentation I am drawing on is here:

answered Apr 3, 2019 at 4:01

devinm

8651 gold badge9 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change webpack dev-server output publicPath relative to root

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related