More than 1 year has passed since last update.

export, export defaultの違い

Last updated at 2022-11-22Posted at 2022-11-22

export

export const a = 1;
export const b = 2;

import a from './test';

console.log(a);

let k; export default k = 12;

import m from './test'; // k がデフォルトエクスポートなので、インポートする k の代わりに m を使用することができる点に注意してください
console.log(m);        // log 12 になる

exportとexport defaultの違いは、exportは複数定義できるが、export defaultは1つしか定義できない。

また、export defaultはimport時に名前を自由に変更できるが、exportは名前を変更できない。