How can I dynamically require an npm dependency file loaded with webpack?

Question

I want to do something like:

var dynamicRequire = require.context('./', true);
console.log(dynamicRequire.keys());
dynamicRequire('react/foo/bar');

But the console.log only shows files from the local directory, not the npm packages. When webpack builds i can see it get included as number 234 but the mapping from that path to that number is lost. How can I accomplish this? Thanks!

You need to make lazy loading of some modules or you need to load module from variable name? — Dmitry Yaremenko
– Dmitry Yaremenko, Commented Jan 24, 2016 at 18:29

Daniel Macak · Accepted Answer · 2016-01-24 18:29:45Z

1

I'm not sure, what your problem exactly is here, but I suspect, that for your purpose you have just forgotten to provide require.context with second argument, which is a flag, that decides, whether the webpack should look into your subfolders and pick your files there also. So you could use require.context('./', true, [some regexp maybe ?]).

Let me know if that's not addressing your problem.

answered Jan 24, 2016 at 18:29

Daniel Macak

17.3k4 gold badges33 silver badges52 bronze badges

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

6 Comments

chacham15 Over a year ago

This does not let me require react.

Daniel Macak Over a year ago

What are you trying to achieve anyway? Why do you want to require react on demand? Seems unnecessary to me.

chacham15 Over a year ago

You cant have more than one react instance loaded at a time, therefore multiple modules have to share the same instance.

Daniel Macak Over a year ago

And where is the problem with that? Just curious :). In any case, React doesn't recommend use of multiple instances, have a look at React's helpful warnings

chacham15 Over a year ago

The drag and drop react library depends on there only being one instance and fails pretty hard if thats not true. In any case, you're right that React recommends against it, which is why I am trying to make multiple modules use the same instance of react instead of including it multiple times.

|

Collectives™ on Stack Overflow

How can I dynamically require an npm dependency file loaded with webpack?

1 Answer 1

6 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Related