如何找到没有相对路径的ES6导入模块？

Question

I have an ES6 import.

import MyAwesomeComponent from 'packageNameOnlyWithoutPath';

I want to inspect the file packageNameOnlyWithoutPath . But I can't find it. I looked in node_modules but I don't see it there. So it might be hiding out elsewhere in the app.

Is there a canonical way to find the path that leads to packageNameOnlyWithoutPath ?

Answer 1

you might want to take a look at index.js file in the packageNameOnlyWithoutPath folder inside the node_modules. Else use text editors which supports goToDefinition plugin

Answer 2

TL;DR: Check resolve aliases in Webpack (or similar bundler) config or .babelrc

There's two places you can check first.

1. If you are using a bundler like Webpack, resolve aliases can be declared in the Webpack config file (usually webpack.config.js).
2. But I have also recently started using pure babel and node. The reoslves can also be declared in the .babelrc file (cleaner approach IMHO).

You should find what you're looking for in one of the above.