tusbasaのブログ

業務や勉強中に調べたことを自分用にメモするブログ

【Javascript】ES6 exportとimport

  • named export

    • モジュール(ファイル)ごとに複数のexportを行う
  • default export

    • モジュールごとに1つのexportを行う

デフォルトエクスポートは一つのファイルにつき一つしか存在できない。

インポートの仕方が異なる

[named export]

// prefectures.ts
export const PREFECTURES = ...;

// 別のファイル
import { PREFECTURES } from '../app/constants/prefectures'

----------------------

[default export]

// prefectures.ts
export default PREFECTURES = ...;

// 別のファイル
import PREFECTURES from '../app/constants/prefectures'

参考

qiita.com