[解決済み】javascriptのインポートで@マークは何をするのですか？

質問

例えば

import Component from '@/components/component'

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

どのように解決するのですか？

モジュール識別子の意味と構造は モジュールローダー または モジュールバンドルラー . モジュールローダーはECMAScriptの仕様の一部ではありません。JavaScript 言語から見ると、モジュール識別子は完全に不透明なものです。ですから、どのモジュールローダー/バンドラーを使うかは、本当にその人次第なのです。

ほとんどの場合、次のようなものがあると思います。 babel-plugin-root-import を webpack/babel の設定に追加してください。

基本的には プロジェクトのルートから のような記述を避けることができます。 import Component from '../../../../components/component'

編集する 存在する理由のひとつは import Component from 'components/component' はそのようなことはせず、代わりに node_modules フォルダ