Webpack code splitting, relative URL

Question

I'm trying to write a library using webpack. I'm using code splitting with require.ensure in my main file. Problem is that it will try to resolve all chunks from base url. Is it possible to make it relative to entry-point?

For example, I add my entry-point as

<script src="node_modules/mylib/index.js">

When this file does require.ensure('./dep.js') it will try to load /dep.js instead of node_modules/mylib/dep.js.

I've made a workaround by manipulating <base> tag, but it's really an ugly hack. I feel like there should be a more "webpacky" solution.

Can you try webpack.github.io/docs/configuration.html#output-publicpath ? — Juho Vepsäläinen
– Juho Vepsäläinen, Commented Apr 17, 2016 at 10:49
It works! Please make an answer, I'll make it accepted. I needed this option: __webpack_public_path__ — Martynas
– Martynas, Commented Apr 17, 2016 at 11:54

Juho Vepsäläinen · Accepted Answer · 2016-04-17 12:25:24Z

4

The key is in publicPath related settings. It can be set dynamically during runtime by using __webpack_public_path__ = window.resourceBaseUrl; kind of declaration.

answered Apr 17, 2016 at 12:25

Juho Vepsäläinen

27k13 gold badges83 silver badges109 bronze badges

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

2 Comments

elQueFaltaba Over a year ago

So, what you are suggesting here is to set this resourceBaseUrl a global variable from the server side, so it can be used in your webpack bundle, right?

Juho Vepsäläinen Over a year ago

Correct. You can control it through server like that.

Collectives™ on Stack Overflow

Webpack code splitting, relative URL

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related