How does Webpack find the package in node_modules

Question

When i am using a UI library in my project, I found the usage of this component can be like:

import { badge } from 'lib-name'

and i checked the log that how does Webpack search this module. And i found Webpack just "modified" the path to look for:

/node_modules/lib-name/lib/badge.vue

So it is a feature provided by webpack?

question from:https://stackoverflow.com/questions/65841424/how-does-webpack-find-the-package-in-node-modules

Answer 1

No, webpack runs on node process and it uses node module resolution.

Typescript mimic node module resolution algorithm. (It has classic or node options for resolution in tsconfig resolution option)

The algorithm doesn’t “sits” in webpack. Information regarding the specific algorithm is in the link.

After it finds node modules, it looks in the main property of the package.json for the entry file to run, in your example - badge.vue