Reactのimportしたモジュールのパスはどこを指すか

Question

お世話になります。

Create React AppでReact.jpの環境構築をし、慣例的に
import React from 'react';
と記述しますが、この'react'はディレクトリでいうとどこを指しているのでしょうか？

例えば
import React from '../../react';
のように書かれていれば直感的に相対パスで親の親ディレクトリにあると分かりますが、
import React from 'react';
となると、このファイルと同ディレクトリ上に存在しそうに思えますが、ありません。

https://developer.mozilla.org/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started#exploring_our_first_react_component_%E2%80%94_app

上記MDNのページでは

React モジュールのインポート時にパスや拡張子は記述しません—これはローカルファイルではないからです。代わりに、package.json ファイルに依存関係としてリストされます。このレッスンでは、この違いに注意してください。

とあり、相対パスや絶対パスで書かれないのはローカルではないから？と解釈しましたが、そもそもローカルではないとは何なのでしょうか。

Create React App時に作成されたnode_modulesの中を指しているかと思ったのですが、VSCのガイドでは

"/Users/hoge/Library/Caches/typescript/4.7/node_modules/@types/react/index"

のように書かれております。

初歩的な質問かもしれませんが、この仕組みがいまいち理解できませんでした。
ご教授いただけると幸いです。

Comments

[cryson]

node_modulesを指している点は理解できましたが、
相対パスや絶対パスではなく'react'と書くことで何故node_modules内のモジュールが指定されるのでしょうか。

Answer 1

Create React App時に作成されたnode_modulesの中を指しているかと思ったのですが

そのとおりです。