JavaScript のインポートで @ 記号は何をしますか? 質問する

JavaScript のインポートで @ 記号は何をしますか? 質問する

例えば:

import Component from '@/components/component'

私が見ているコードでは、../ファイル パスを基準にしてディレクトリ内の 1 レベル上に移動するような動作をしますが、それがどのような動作をするのかもっと一般的に知りたいです。残念ながら、シンボル検索の問題のため、オンラインでドキュメントを見つけることができません。

ベストアンサー1

モジュール識別子の意味と構造は、モジュール ローダーまたはモジュール バンドラーによって異なります。モジュール ローダーは ECMAScript 仕様の一部ではありません。JavaScript 言語の観点からは、モジュール識別子は完全に不透明です。したがって、実際には、どのモジュール ローダー/バンドラーを使用しているかによって異なります。

おそらく次のようなものがあるでしょうbabel プラグインのルートインポートwebpack/babel 設定で。

基本的にはプロジェクトのルートから...次のようなことを書かなくて済むということですimport Component from '../../../../components/component'

編集:import Component from 'components/component'それが存在する理由の1つは、それを行わず、代わりにnode_modulesフォルダー内を検索するためです。

おすすめ記事