JavaScriptでのモジュールのインポート方法

デフォルトエクスポートのインポート: エクスポートされたモジュールの中で、1つの要素だけがデフォルトとして指定されている場合、次のようにインポートできます:

import モジュール名 from './ファイル名';

例えば、./utils.jsというファイルでexport defaultを使用して関数をエクスポートしている場合、次のようにインポートできます:

import 関数名 from './utils';

名前付きエクスポートのインポート: エクスポートされたモジュールの中で、複数の要素が名前付きで指定されている場合、次のようにインポートできます:

import { 要素1, 要素2 } from './ファイル名';

例えば、./utils.jsというファイルでexportを使用して関数と定数をエクスポートしている場合、次のようにインポートできます:

import { 関数名, 定数名 } from './utils';

全てのエクスポートをインポート: モジュールの中でエクスポートされたすべての要素をインポートする場合、次のようにインポートできます:

import * as モジュール名 from './ファイル名';

例えば、./utils.jsというファイルで複数の関数と定数をエクスポートしている場合、次のようにインポートできます:

import * as utils from './utils';