名前のエクスポートからデフォルトをインポート

輸入default することができます微妙な.それを行うには、多くの方法があります.
私は考えるdefault 固定された(非カスタマイズ可能な)名前付きの名前付きの輸出として.
どうやってインポートできるかチェックするdefault 名前付きエクスポートのように.

import { default as Highlander } from "./highlander.js";

下の線は同じ結果をもたらす.

- import Highlander from "./highlander.js";
+ import { default as Highlander } from "./highlander.js";

名前のエクスポートとは異なり、インポートできませんdefault と直接使用します.それは輸入で取り戻されなければなりません.これはなぜより人間工学に基づいたオプションですimport MyAlias from "…"; が存在する.

デフォルトのモジュールエイリアスを使用します#
話し合ったmodule aliases in past posts . そして、彼らはdefault エクスポート.
このモジュールのエイリアスとdefault .

import * as Highlander from "./highlander.js";

Highlander.default();

技術的には、あなたはdefault プロパティとして参照にアクセスしているので、Keyward.
もちろん、反応のようなフレームワークで使用されるとき、これは少し奇妙に見えます.

<Highlander.default>…<Highlander.default />

マイテイク#
私は使用しないdefault as or ModuleAlias.default() 実際にインポートスタイル.私はそれがどのように覚えて役立つdefault はモジュールからエクスポートされます.
将来のポストでは、我々は、デフォルトと名前の両方のエクスポートをキャプチャする2つ以上の人間工学に基づいた選択肢をカバーします.

ゴープロ#
これは私がモジュールで作成しているコースの一部ですlunch.dev .
ライブ時に、メンバーは、この他のコースへのアクセスを取得します.
Join lunch.dev for videos