Access local modules in a webpack library

[doberkofler]

I’m using a 3rd party library bundled using webpack. I would now need to use one of dependencies used by the library and would like to reuse the already loaded one instead of loading a new one. Is there a way to use one of the (not exported) local dependencies in a library bundled using webpack?

[alexander-akait]

Maybe you need this https://webpack.js.org/concepts/module-federation/

[alexander-akait]

Also if library uses domvm, it will be in peerDependencies, so developer can choose a version of domvm, for example look at react components https://github.com/tannerlinsley/react-table/blob/master/package.json#L55 (you can find them more using google).

If developer don't specify domvm in peerDependency maybe he deliberately did it to be independent and don't forget that webpack do tree shaking and can remove some functions from domvm, so it is not safe to use directly

[doberkofler]

Yes, I do not use domvm in my own code.
Yes, the library vendor deliberately hides the dependency.

If I understand you correctly:

• it is generally speaking not possible to use a local dependency
• you would not recommend doing this even if possible
• you would load the domvm library again and manually deal with the version compatibility

[alexander-akait]

it is generally speaking not possible to use a local dependency

in theory it is possible, you need run __webpack_require__ directly with necessary module name, but don't forget in production module will have hashed name.

you would not recommend doing this even if possible

Yes

you would load the domvm library again and manually deal with the version compatibility

Yes

It makes sense to open an issue in library and ask why it is not in peer dependencies.

[doberkofler]

Out of interest: how would I use __webpack_require__ ?

[alexander-akait]

Try to write console.log(__webpack_modules__) in your code and you will see modules